/* CSS Reset */
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%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: 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; }



/* CSS Document */
.noir { color: #3F0003; text-shadow:0 1px 0 #D85001; }
.blanc { color: #FFF; }


/* Bloc Mise en Forme */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family:"Lucida Grande", "lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow:0 1px 0 #420702;
	color: #FFF;
	background: #A2DCF5;
}
/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

a { text-decoration: none; }

#header {
	background: #afe2f5 url(../IMG/fond_body.jpg) repeat-x scroll center top;
	margin:0px;
	padding:0px;
}
#container {
	margin:0px auto;
	padding:0px;
	width:960px;
	position:relative;
}
#container-gauche {
	width:320px;
	margin:0px;
	padding:0px;
	float:left;
}
#container-droit {
	width:640px;
	margin:0px;
	padding:0px;
	float:right;
}
a .logo {
	height:275px;
	width:320px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
}
#comptoir-header {
	margin:0px auto;
	padding:0px;
	height:280px;
	width:640px;
	position: relative;
}
#comptoir-container {
	background:transparent url(../IMG/comptoir_center.jpg) repeat-y scroll center top;
	margin:0px auto;
	padding:0px;
	width:620px;
}
#footer {
	background:transparent url(../IMG/fond_footer.jpg) repeat-x scroll center top;
	margin:0px auto;
	padding:0px;
	height:208px;
	/*width:100%;
	position:absolute;
	bottom:0px;*/
}
#footer .container {
	margin:0px auto;
	padding:0px;
	width:960px;
	height:208px;
	position:relative;
}
#footer .container-gauche {
	width:320px;
	height:208px;
	margin:0px;
	padding:0px;
	float:left;
}
#footer .container-droit {
	background:transparent url(../IMG/comptoir_footer.jpg) repeat-y scroll center top;
	width:640px;
	height:208px;
	margin:0px;
	padding:0px;
	float:right;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Textes */

#container-gauche ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color:#073b53;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
	outline: none;
	position:absolute;
	top:275px;
	left:90px;
}
#container-gauche li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	margin:15px 0px 0px 0px;
	color:#073b53;
	text-decoration:none;
}
#container-gauche li a{
	color:#073b53;
	text-decoration:none;
	text-shadow:0 1px 0 #b9d7e4;
}
#container-gauche li a:hover{
	color:#5d0c00;
}
#container-gauche li a:active{
	position:relative;
	top:1px;
}


/* Bloc Parties */
.blocs_titre {}
.page_equipe #entete {
	margin:0px;
	padding:0px;
	width:620px;
	height:470px;
	position:relative;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	line-height: 18px;
}
.page_equipe .cs_blocs { height:75px; margin: 0; padding: 16px 0 0 0; }
.page_equipe .cs_blocs .surtitre, .page_equipe .cs_blocs_fief .surtitre { font-size:14px; color: #3F0003; text-shadow:0 1px 0 #d85001; text-transform:uppercase; }
.page_equipe .cs_blocs .titre, .page_equipe .cs_blocs_fief .titre { font-family: Georgia, "Times New Roman", Times, serif; font-size:30px; color: #FFF; margin: 0; padding: 2px 0 0 0; }
.page_equipe .contour { width: 169px; height: 165px; background: url(../IMG/cadre.jpg) no-repeat 20px 0; }



.page_formations #entete, .page_concepteurs #entete  {
	margin:0px;
	padding:0px;
	width:620px;
	height:320px;
	position:relative;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	line-height: 18px;
}




#entete {
	margin:0px;
	padding:0px;
	width:620px;
	height:262px;
	position:relative;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	line-height: 18px;
}
#entete .titre { font-size: 30px; color: #FF6100; text-align: left; padding: 45px 0 15px 200px; }
#entete strong { font-size: 30px; text-align: left; font-weight: normal; }

#entete .texte { color: #FFF; text-align: left; padding: 5px 40px 15px 200px; }
#entete .texte p { padding: 5px 0; }
#entete .texte h3.spip { font-size:16px; font-weight:normal; margin:0; text-align:left; line-height: 20px;}




.page_extras { background:#000 url(../IMG/bg_extras.jpg) repeat-x scroll left top; }
.bg_iphone { float: left; width: 331px; height: 474px; background:#000 url(../IMG/bg_iphone.jpg) no-repeat left top; padding: 87px 0 0 2px; }

#accroche { 	
	background:transparent url(../IMG/bloc_accroche.jpg) no-repeat scroll center top;
	margin:0 0 20px 0;
	padding:20px 20px 0px 20px;
	width:580px;
	height:55px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
}
#accroche_concepteur { 	
	background:transparent url(../IMG/bloc_carton.gif) no-repeat scroll center top;
	margin:0 0 20px 0;
	padding:28px 20px 0 135px;
	width:465px;
	height:52px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

/* Bloc Dépliable Rubrique */
.page_rubrique .contour, .page_sommaire .contour, .page_formations .contour { border: 6px solid #590000; }
.page_rubrique .contour:hover, .page_sommaire .contour:hover { border: 6px solid #C63C0F; }
.page_equipe  .spip_documents a { line-height: 1px; }
.page_equipe .spip_documents { border: 6px solid #b32800; }


.blocs_titre a .titre { text-decoration: none; text-align: left; padding: 34px 0 0 194px; font-size: 14px; font-weight: normal; text-transform:uppercase; }
.blocs_titre a .soustitre { text-decoration: none; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #FFF; font-style:italic; padding: 6px 0 0 194px}



.blocs_destination { margin: 0; text-align: left; padding: 5px 10px 0 192px; }
.blocs_destination .texte { float:left; width: 270px; }
.blocs_destination .chapo { float:right; width: 94px; text-transform: uppercase; font-size: 11px; }
.blocs_destination p { padding: 4px 0; text-align: justify; line-height: 15px; }
.blocs_destination .chapo p { padding: 6px 0 0 0; text-align: left; line-height: 12px; }


.page_rubrique .blocs_destination { margin: 0; text-align: center; padding: 0; }
.page_rubrique .blocs_destination .texte {  }
.page_rubrique .cs_blocs h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; }
.page_rubrique h4.blocs_titre.cs_done { background:transparent url(../IMG/fleche2_on.jpg) no-repeat scroll 555px 22px; height:75px; margin: 0; padding: 22px 0 0 0; }
.page_rubrique h4.blocs_titre.cs_done.blocs_replie { background:transparent url(../IMG/fleche2_off.jpg) no-repeat scroll 555px 22px; height:62px; margin: 0; padding: 22px 0 0 0; }
.page_rubrique .cs_blocs, .page_equipe .cs_blocs  { background:transparent url(../IMG/bloc_accroche.jpg) no-repeat scroll center top; }
.page_rubrique h4.blocs_titre.cs_done.blocs_replie a { color: #3F0003; text-shadow:0 1px 0 #D85001; }
.page_rubrique h4.blocs_titre.cs_done a { color: #FF6100; text-shadow:0 1px 0 #430902; }
.page_rubrique .blocs_destination .titre { font-family: Arial, Helvetica, sans-serif; text-align: left; color: #FFF; font-size: 14px; padding: 4px 0 0 0; }
.page_rubrique .blocs_destination .soustitre { font-family: Arial, Helvetica, sans-serif; text-align: left; color: #FF6100; font-size: 12px; padding: 4px 0 0 0; }


.page_formations .blocs_destination { margin: 0; text-align: center; padding: 0; }
.page_formations .blocs_destination .texte {  }
.page_formations .cs_blocs h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 24px; }
.page_formations h4.blocs_titre.cs_done { background:transparent url(../IMG/fleche2_on.jpg) no-repeat scroll 555px 22px; height:75px; margin: 0; padding: 22px 0 0 0; }
.page_formations h4.blocs_titre.cs_done.blocs_replie { background:transparent url(../IMG/fleche2_off.jpg) no-repeat scroll 555px 22px; height:62px; margin: 0; padding: 22px 0 0 0; }
.page_formations .cs_blocs, .page_equipe .cs_blocs  { background:transparent url(../IMG/bloc_accroche.jpg) no-repeat scroll center top; }
.page_formations h4.blocs_titre.cs_done.blocs_replie a { color: #3F0003; text-shadow:0 1px 0 #D85001; }
.page_formations h4.blocs_titre.cs_done a { color: #FF6100; text-shadow:0 1px 0 #430902; }
.page_formations .blocs_destination .titre { font-family: Arial, Helvetica, sans-serif; text-align: left; color: #FFF; font-size: 14px; padding: 4px 0 0 0; }
.page_formations .blocs_destination .soustitre { font-family: Arial, Helvetica, sans-serif; text-align: left; color: #FF6100; font-size: 12px; padding: 4px 0 0 0; }
.page_formations .blocs_destination p { padding: 4px 0; text-align: left; line-height: 17px; }


.page_equipe .cs_blocs_fief  { background:transparent url(../IMG/bloc_fief.gif) no-repeat scroll center top; padding: 55px 15px 0 15px; }
.page_equipe .cs_blocs_fief .texte { padding: 38px 10px 0 10px; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.page_equipe .cs_blocs_fief .texte h3.spip { font-size:16px; font-weight:normal; margin:0; text-align:left; line-height: 20px;}

.page_equipe .cs_blocs_fief .texte p { padding: 6px 0; text-align: justify; line-height: 17px; }
.page_equipe .fonction1, .page_equipe .fonction2, .page_equipe .fonction3 { height: 30px; text-align: left; font-size: 12px; color: #FFF;  padding: 50px 0 0 5px; text-transform:uppercase; }
.page_equipe .fonction4, .page_equipe .fonction5, .page_equipe .fonction6 { height: 18px; text-align: left; font-size: 12px; color: #FFF;  padding: 50px 0 0 5px; text-transform:uppercase; }
.page_equipe .nom { color: #FF6100; padding: 0 0 0 5px;  text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; }

/* Bloc Dépliable Home */
h4.blocs_titre.cs_done { background:transparent url(../IMG/fleche_on.jpg) no-repeat scroll 520px 28px; height:84px; margin: 0; padding: 0; }
h4.blocs_titre.cs_done.blocs_replie { background:transparent url(../IMG/fleche_off.jpg) no-repeat scroll 520px 28px; height:84px; margin: 0; padding: 0; }

.cs_blocs.cs_bloc21  { background:transparent url(../IMG/sense_1.jpg) no-repeat scroll center top; margin:0px; padding:0px 20px 0px 20px; width:580px;  }
.cs_bloc21 .titre  { color: #F0001E;  }
.cs_bloc21 .chapo  { color: #FF0000;  }
.cs_bloc21 .blocs_destination { background:transparent url(../IMG/sense_2.jpg) no-repeat scroll left top; height: 362px; }


.cs_blocs.cs_bloc22 {	background:transparent url(../IMG/sensuel_1.jpg) no-repeat scroll center top; margin:0px; padding:0px 20px 0px 20px; width:580px; }
.cs_bloc22 .titre  { color: #D331A0; }
.cs_bloc22 .chapo  { color: #FF429E; }
.cs_bloc22 .blocs_destination { background:transparent url(../IMG/sensuel_2.jpg) no-repeat scroll left top; height: 220px; }

.cs_blocs.cs_bloc23 {	background:transparent url(../IMG/sensitif_1.jpg) no-repeat scroll center top; margin:0px; padding:0px 20px 0px 20px; width:580px; }
.cs_bloc23 .titre, .cs_bloc23 .chapo  { color: #71CCF2;  }
.cs_bloc23 .blocs_destination { background:transparent url(../IMG/sensitif_2.jpg) no-repeat scroll left top; height: 281px; }

.cs_blocs.cs_bloc24 {	background:transparent url(../IMG/sensible_1.jpg) no-repeat scroll center top; margin:0px; padding:0px 20px 0px 20px; width:580px; }
.cs_bloc24 .titre, .cs_bloc24 .chapo { color: #A9DC00;  }
.cs_bloc24 .blocs_destination { background:transparent url(../IMG/sensible_2.jpg) no-repeat scroll left top; height: 219px; }

.cs_blocs.cs_bloc25 {	background:transparent url(../IMG/sensationnel_1.jpg) no-repeat scroll center top; margin:0px; padding:0px 20px 0px 20px; width:580px; }
.cs_bloc25 .titre { color: #FFA200;  }
.cs_bloc25 .chapo { color: #FBAE16;  }
.cs_bloc25 .blocs_destination { background:transparent url(../IMG/sensationnel_2.jpg) no-repeat scroll left top; height: 155px; }



.interlignage {
	margin:10px 0px 20px 0px;
	padding:0px;
}

#iphone {
	background:transparent url(../IMG/btn_iphone.jpg) no-repeat scroll left bottom;
	height:119px;
	width:112px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:56px;
	left:194px;
}
a:hover #iphone {
	background:transparent url(../IMG/btn_iphone.jpg) no-repeat scroll left top;
}

#breves {
	background:transparent url(../IMG/btn_breves.jpg) no-repeat scroll left bottom;
	height:91px;
	width:166px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:53px;
	left:11px;
}
a:hover #breves {
	background:transparent url(../IMG/btn_breves.jpg) no-repeat scroll left top;
}


#bloc_breves { 	
	background:transparent url(../IMG/bloc_breves.gif) no-repeat scroll center top;
	margin:0 0 20px 0;
	padding:20px 20px 0px 20px;
	width:580px;
	height:55px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #000; 
	text-shadow:0 1px 0 #FFF;
}
.titreBreves { padding: 10px 0 0 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; text-align: left; }
.texteBreves { padding: 6px 0 0 5px; font-size: 12px; text-align: left; line-height: 15px; }
.urlBreves { font-size: 12px; text-align: left; padding: 7px 0 0 5px; }
.urlBreves a, a.spip_in { text-decoration: none; color: #FFF; }

.champs { padding: 5px; font-size: 13px; color: #FFF; background: #871805; border: 1px solid #a82601; height: 25px; }
.champs2 { padding: 5px; font-size: 13px; color: #FFF; background: #871805; border: 1px solid #a82601; }
.champsTexte { font-size: 16px; text-align: left; }

.page_formations .spip_documents_center { padding:0; margin: 0; }
.page_formations .accroche_formations { 	
	background:transparent url(../IMG/bloc_tel.jpg) no-repeat scroll center top;
	margin:0 0 20px 0;
	padding:23px 20px 0 120px;
	width:480px;
	height:52px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}