/* Reset de style d'Eric Meyers */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1 ;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Style commun à toutes les couleurs */

body {
	font-family : Arial, Helvetica, Verdana, sans-serif ;
}

#container {
	background-color : transparent ;
	width : 964px ;
	margin : auto ;
	margin-top : 10px ;	
	margin-bottom : 10px ;
}

h1, h2, h3, h4, h5, h6 {
	font-weight : bold ;
	text-align : left ;
}

h1 {
	font-size : 130% ;
	margin-bottom : 14px ;
}

h1 span {
	display : none ;
}

h2 {
	font-size : 105% ;
	margin-bottom : 12px ;
}

h3, h4 {
	margin-bottom : 10px ;
}

h5, h6 {
	margin-bottom : 5px ;
}

h3 {
	font-size : 100% ;
}

h4 {
	font-size : 95% ;
}

h5, h6 {
	font-size : 90% ;
}

p, #contenu ul {
	margin-bottom : 8px ;
	font-size : 0.9em ;
}

#entete {
	margin : 0 ;
	width : 100% ;
}

#mainframe {
	background-color : #FFFFFF ;
}

#menu {
	padding-bottom : 15px ;
	font-size : 0.9em ;
	display : block ;
	width : 100% ;
	height : 25px ;
	background-color : #FFFFFF ;
}

#menu_n1 {
	/*margin-left : 3px */
	margin-right : 0 ;
}

#menu_n1 li {
	display : inline ; /* Pour IE6, IE7 */
	font-size : 100% ;
	font-weight : bold ;
	float : left ;
}

#menu_n1 a:link, #menu_n1 a:visited {
	display : block ;
	/*width : 131px ;*/
	float: left;
	font-weight : bold ;	
	text-decoration : none ;	
	padding-top : 8px ;
	padding-bottom : 8px ;	
}

/*#menu_n1 a:hover , #menu_n1 a.on {
	text-decoration : underline ;
}*/

#btn_accueil, #btn_prestation, #btn_tarif, #btn_formation , #btn_deonto, #btn_lien, #btn_contact, #btn_blog {
	text-align : center ;
	width : 120px ;
}

#style {
	/*clear : left ;*/
	font-weight : bold ;
	position : relative ;
	top : 10px ;
	left : 780px ;
	width : 160px ;
	padding-bottom : 20px ;
}

#style li {
	padding-left : 3px ;
	padding-right : 3px ;
	margin-bottom : 5px ;
	float : left ;
}

#contenu {
	padding : 20px 30px 20px 30px ;
	min-height : 300px ;
}

#colgauche {
	display : block ;
	width : 600px ;
	float : left ;
	margin-right : 30px ;
}

#colgauche ul {
	list-style : inside disc ;
	margin-left : 15px ;
}
#colgauche li{
	padding-bottom : 1px ;
}
#deontologie li{
	padding-bottom : 5px ;
}

#coldroite {
	display : block ;
	width : 260px ;
	float : left ;
}

#animflash {
	margin-top : 40px ;
	margin-bottom : 20px ;
}

#decoration {
	margin-top : 20px ;
	margin-bottom : 20px ;
}

#prestas {
	border-collapse : separate ;
	margin : 20px 0px ;
}

#prestas th {
	font-size : 110% ;
	font-weight : bold ;
	text-align :  center ;
}

#prestas th, #prestas td {
	/*font-size : 100% ;*/
	padding : 5px ;
}

.email {
	margin-top : 5px ;
}

.filler {
	clear : both ;
}

.pgras {
	font-weight : bold ;
}

.psouligne {
	text-decoration : underline ;
}

.tarif {
	text-align : right ;
}

.promo { margin-bottom : 20px ; }

/*#ban {
	margin-top : 1px ;
	margin-bottom : 1px ;
}*/

.st_titre {
	display : block ;	
	width : 70px ;
	height : 20px ;
	text-align : right ;	
}

.st_fuchsia, .st_vert, .st_rose {
	display : block ;	
	width : 20px ;
	height : 20px ;
}

.st_fuchsia span, .st_vert span, .st_rose span {
	display : none ;
}

.st_fuchsia {
	background-image: url(../images/fond_fuchsia.jpg);
}

.st_vert {
	background-image: url(../images/fond_vert.jpg);
}

.st_rose {
	/*background-image: url(../images/fond_rose.jpg);*/
	background-color : #F0788C ;
}

#contact_adr {
	margin-bottom : 10px ;
}

#contact_adr, #contact_adr a {
	font-size : 0.9em ;
}

#contact_adr td {
	padding : 5px ;
	line-height : 1.2em ;
}

#contact_plan {
	margin-bottom : 15px ;
}

.contact_cg {
	float : left ;
	display : block ;
	width : 40px ;
	height: 30px ;
	margin-right : 8px ;
	background-repeat : no-repeat ;
	background-position : center right ;
}

.contact_cg span {
	display : none ;
}

#contact_plan {
	padding-top : 15px ;
}

#contact_plan img {
	margin-top : 10px ;
}

.transport {
	width : 150px ;
}

.plansite {
	margin-left : 50px ;
	margin-bottom : 10px ;
}

.plansite li {
	padding-bottom : 5px ;
}

.plansite a {
	text-decoration : none ;
}

.plansite a:hover {
	text-decoration : underline ;
}

.credit li, .plansite li {
	list-style-type : none ;
}

#piedpage {
	clear : left ;
	margin : 0 ;
	padding : 8px 20px ;
	font-size : 0.9em ;
	font-weight : bold ;
}

#piedpage a {
	text-decoration : none ;
	padding-left : 4px ;
	padding-right : 4px ;
}

#piedpage a:hover {
	text-decoration : underline ;
}

#piedpage p {
	text-align : center ;
	margin : 3px 10px ;
	padding : 0 ;
}

#colgauche .deroulant, #colgauche .detail {
	margin-left : 0 ;
	padding-left : 0 ;
}

#colgauche .deroulant {
	font-size : 0.9em ;
	padding-bottom : 10px ;
}

#colgauche .detail {
	font-size : 1em ;
	padding-top : 10px ;
}

.deroulant li , .detail li {
	list-style : none ;
}

.detail li {
	padding-bottom : 5px ;
}

.rouge {
	color : #CC0000 ;
}