/* --------------------------------------------------------- */
/* Feuille de style des squelettes vo2maxvoyages pour SPIP 2.0  */
/* --------------------------------------------------------- */



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* SPECIAL FEUILLE DE STYLE EN BOUCLES */
/* NOMS des ID : Pas de capitale en initiale apres la dieze */
/* Sinon Spip interprete le nom comme balise et mange le(s) caractere */

/* @group Dimensions_utiles */

/* 
Largeur totale = 900 px
Largeur Ventre = 600 px
Hauteur bandeau = 120 px
thumbnails = 150 x 100 px - 450 x 300 px
Diaporama & Co = 550 px x 250 px
Logos colonnes droite ou gauche 100 a 110 px large maxi
Autres droite ou gauche 130 px maxi
Thumbnails 130 x 76 px
Images 405 x 270 px
*/

/* @end */

/* @group Couleurs */

/*
Couleurs Generiques ------------
Bleu = #009ee0
Rouge = #e2001a
Noir = #000000
*/
/*
Couleurs Univers ------------
Trail = #44b748
Running = #7722dd
Stages = #c5004e
Triathlon = #e87113
Natation = #004aad
Marche nordique = #d3a985
*/
/*
Couleurs Complementaires ------------
Navy = #000080
*/

/* @end */

/* @group Emballage */

/* wrapter */

body {
	text-align: center;
	margin:0;
	padding:0;
	color: #000000;
	background: url(local/cache-gd2/823a4997027eaf1cc9924fa3fd72a9ed.png) repeat-x fixed #FFFFFF;
}

#conteneur {
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
	color: black;
}

/* @end */

/* @group Generalites */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

i {
	font-style: italic;
	color: #000080;
}

img {
	border: none;
}

.marge20 {
	clear: both;
	border: none;
	height: 20px;
	display: block;
	/*width: 500px;*/
}

.marge10 {
	clear: both;
	border: none;
	height: 10px;
	display: block;
	/*width: 500px;*/
}

.waiting {
	color: #aaaaaa;
}

a:link, a:visited {
	color: #009ee0;
}

a:hover, a:active {
	color: #e2001a;
}

.alerte {
	color: red;
	font-weight: bold;
}


p.column_line {
	/*background-image: url(decor/xxx);*/
	width: 130px;
	height: 10px;
	border-top: 4px double #009ee0;
	margin-top: 5px;
}

.promo {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group tetiere */

#tetiere {
	height: 120px;
	background: url(decor/headerBandeau.jpg) no-repeat top left #FFFFFF;
	color: #000080;
}

p#dossier {
/*lien vers dossier client*/
	text-align: right;
	margin: 0px 20px 0 0;
	position: relative;
	display: block;
	padding-top: 5px;
	font-size: 10px;
}

p#dossier a:link, p#dossier a:visited {
	color: navy;
}

p#dossier a:hover, p#dossier a:active {
	color: #e2001a;
}

a.logo {
/* lien vers accueil */
	display: block;
	height: 93px;
	width: 162px;
	top: 8px;
	left: 5px;
	position: absolute;
}

/* menu Univers Haut et Bas */

.menuUnivers {
	clear: both;
	background: url(decor/menuRouge.gif) no-repeat 0 0;
	height: 20px;
	margin-bottom: 5px;
}

.menuUnivers ul {
	padding: 0;
	margin: 0 auto;
	width: 450px;
}

.menuUnivers ul li {
	/*float: left;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	float: left;
	width: 75px;
}

.menuUnivers ul li a, .menuUnivers ul li h1 a {
	display: block;
	width: 75px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	background-color: #009ee0;
}


/*DEBUT BOUCLE_bgcouleur .menuUnivers*/

  .menuUnivers  ul li a.bgcouleur_2 

{ background-color: #44b748; 
}   
 
  .menuUnivers  ul li a.bgcouleur_3 

{ background-color: #7722dd; 
}   
 
  .menuUnivers  ul li a.bgcouleur_4 

{ background-color: #c5004e; 
}   
 
  .menuUnivers  ul li a.bgcouleur_5 

{ background-color: #e87113; 
}   
 
  .menuUnivers  ul li a.bgcouleur_6 

{ background-color: #004aad; 
}   
 
/*FIN BOUCLE_bgcouleur*/

.menuUnivers ul li a:link, .menuUnivers ul li a:visited {
color: white;
}

.menuUnivers ul li a:hover, .menuUnivers ul li a:active {
	background-color: silver;
	color: navy;
}

/* @Bandeau pub 728 */

#bandeau728 {
	clear: both;
	height: 90px;
	width: 900px;
	background: #009ee0 url(decor/bandeauFond.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	background-color: #eeeeee;
}
/* @end */

/* @group GAUCHE-DROIT */
.wrappeur_smallcol {
	width: 130px;
	margin-right: auto;
	margin-left: auto;
}

#droite .wrappeur_smallcol p.titreModule, #gauche .wrappeur_smallcol p.titreModule {
	background-color: navy;
	color: white;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

/* @end */


/* @group LE_GAUCHE */

/* colonne gauche */
#gauche {
	width:150px;
	padding: 0;
	margin: 0;
	background-color: white;
	float: left;
}

#gauche p {
	padding: 0;
	margin: 0 auto;
	font-size: 12px;
	color: navy;
}

#gauche ul {
	margin: 5px 10px 0;
}

#gauche li {
	list-style-type: none;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
}

#gauche .wrappeur_smallcol p.texteModule {
	font-size: 10px;
	text-align: left;
	line-height: 12px;
	margin-bottom: 7px;
}

#gauche .wrappeur_smallcol p.texteModule a:link, #gauche .wrappeur_smallcol p.texteModule a:visited {
color: #000080;
}

#gauche .wrappeur_smallcol p.texteModule a:hover, #gauche .wrappeur_smallcol p.texteModule a:active {
color: #e2001a;
}

#gauche ul.menu h2 a {
	width: 130px;
	font-weight: bold;
	font-size: 12px;
	/*padding: 1px 0px 1px 0px;*/
}

#gauche ul.menu li h2 a:link, #gauche ul.menu li h2 a:visited {
	color: #000080;
}

#gauche ul.menu li h2 a:hover, #gauche ul.menu li h2 a:active {
	color: #e2001a;
}

#promo_gauche {
	margin-right: auto;
	margin-left: auto;
	/*display: inline-block;*/
	margin-bottom: 0px;
}

#liens_utiles {
/*border-left: 1px solid #009ee0;
	border-right: 1px solid #009ee0;*/
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#liens_utiles ul {
	margin-right: 0px;
	margin-left: 0px;
}

#liens_utiles ul li a{
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	margin-bottom: 0px;
}

#rss {
	background-color: white;
	margin-bottom: 10px;
}

#rss a {
	width: 130px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: block;
}


#rss a:link, #rss a:visited {
	background: white url(decor/rss.gif) no-repeat 0 0;
}

#rss a:hover, #rss a:active {
	background: white url(decor/rss.gif) no-repeat 0 -20px;
}


/* @end */

/* @group LE_VENTRE */

/* ventre */


#ventre {
	background-color: white;
	float: left;
	width: 600px;
}

#lv-liste {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

.lv-voyage {
	padding: 0;
	margin: 0;
}


.lv-titre {
	text-align: left;
	line-height: 26px;
	padding-right: 15px;
	padding-left: 30px;
	margin-top: 5px;
	background: url(decor/triangle_16.gif) no-repeat 5px 5px;
	background-color: #009ee0;
}

.lv-course {
	font-size: 15px;
	font-weight: bold;
	color: black;
}

.lv-ville {
	font-size: 16px;
	color: black;
}

.lv-pays {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.lv-thumbnail {
	width: 150px;
	height: 100px;
	margin-right: 10px;
	float: left;
}

.lv-thumbnail a em{
	display: none;
	border-width: 0;
}

.lv-thumbnail a:hover {
	position: relative;
	cursor:  none;
}

.lv-thumbnail a:hover em {
	display: block;
	position: absolute;
	top: -85px;
	left: 0px;
	width: 405px;
	height: 270px;
	background-color: transparent;
	border-width: 0;
	z-index: 100;
}

.lv-resume {
	width: 390px;
	float: right;
}

.lv-ligne_01 {
	color: black;
	font-size: 14px;
	line-height: 25px;
}

.lv-distance {

}

.lv-date {
	font-weight: bold;
	font-style: italic;
}

.lv-ligne_02 {
	color: black;
	font-size: 14px;
	line-height: 17px;
}

.lv-prix {
	font-size: 14px;
	line-height: 17px;
	color: black;
	font-weight: bold;
}

.lv-depart {
	font-size: 14px;
	line-height: 17px;
	color: black;
}

.lv-commentaire {
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	font-style: italic;
	color: red;
	font-weight: bold;
	margin-top: 5px;
	width: 390px;
	float: right;
	height: 17px;
}

.lv-icones {
	margin-top: 5px;
	height: 30px;
	width: 390px;
	float: left;
	text-align: left;
}

.lv-pictos {
	width: 136px;
	text-align: left;
	height: 30px;
	float: left;
}

.lv-acompte {
	height: 30px;
	text-align: left;
	font-size: 12px;
	line-height: 30px;
	float: right;
	margin-right: 10px;
	font-weight: bold;
	font-style: italic;
	width: 100%;
	color: #009ee0;
}

.lv-acompte em {
	font-weight: bold;
	font-style: italic;
	color: black;
	width: 50em;
}

.lv-jereserve, .lv-complet {
	width: 120px;
	float: right;
	height: 20px;
	position: relative;
	top: 5px;
}

.lv-jereserve a {
	display: block;
	width: 120px;
	height: 20px;
}

.lv-jereserve a:link, .lv-jereserve a:visited {
	background: url(decor/jereserve.png) no-repeat;
}

.lv-jereserve a:hover, .lv-jereserve a:active {
	background: url(decor/jereserve-on.png) no-repeat;
}

.lv-telecharge {
	font-size: 14px;
	color: black;
	line-height: 24px;
	clear: both;
	margin: 0px;
}

.lv-telecharge a span {
	font-size: 12px;
}

.lv-telecharge img {
	position: relative;
	top: 10px;
}

.lv-texte p {
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: #444444;
	margin-top: 5px;
}

/* ------------- barre separation */


.univers_line {
	clear: both;
	height: 21px;
	background: url(local/cache-gd2/c7bcbd17cecbf55133812e91448263aa.png) no-repeat center center;
}

/* Pour englober : <hr style="display: none;" /> */
.thinline {
	clear: both;
	height: 12px;
	width: 550px;
	background: url(local/cache-gd2/6d86a398914065531c8f0536b0ebc2d3.png) repeat-x center center;
}




/*  ------------- Accueil Les blocs Univers */


#wrapblocs01, #wrapblocs02 {
	background-color: white;
	text-align: center;
	position: relative;
}

/*DEBUT BOUCLE_block*/


a#acc2 {
	float: left;
	width: 180px;
	height: 70px;
	background: white url(decor/bloc2.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0 0 0;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#acc2:hover {
	background: url(decor/bloc2.jpg) no-repeat 0 -220px;
}

 

a#acc3 {
	float: left;
	width: 180px;
	height: 70px;
	background: white url(decor/bloc3.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0 0 0;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#acc3:hover {
	background: url(decor/bloc3.jpg) no-repeat 0 -220px;
}

 

a#acc4 {
	float: left;
	width: 180px;
	height: 70px;
	background: white url(decor/bloc4.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0 0 0;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#acc4:hover {
	background: url(decor/bloc4.jpg) no-repeat 0 -220px;
}

 

a#acc5 {
	float: left;
	width: 180px;
	height: 70px;
	background: white url(decor/bloc5.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0 0 0;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#acc5:hover {
	background: url(decor/bloc5.jpg) no-repeat 0 -220px;
}

 

a#acc6 {
	float: left;
	width: 180px;
	height: 70px;
	background: white url(decor/bloc6.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0 0 0;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#acc6:hover {
	background: url(decor/bloc6.jpg) no-repeat 0 -220px;
}

 
/*FIN BOUCLE_block */

a#accmarchenordique {
	display: block;
	float: left;
	width: 180px;
	height: 70px;
	background: url(decor/blocmarchenordique.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0px 0 0px;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#accmarchenordique:hover {
	background: url(decor/blocmarchenordique.jpg) no-repeat 0 -220px;
}

a#accevent {
	display: block;
	float: left;
	width: 180px;
	height: 70px;
	background: url(decor/blocevent.jpg) no-repeat 0 0;
	margin: 0 0 20px 15px;
	padding: 135px 0px 0 0px;
	font-size: 10px;
	color: #000000;
	text-align: left;
}

a#accevent:hover {
	background: url(decor/blocevent.jpg) no-repeat 0 -220px;
}

/* ------------- pages générales */

#ventre.rubrique a:link, #ventre.rubrique a:visited {
	color: #009ee0;
}

#ventre.rubrique a:hover, #ventre.rubrique a:active {
	color: #e2001a;
}

#ventre.rubrique ul.spip {
	margin-left: 15px;
	text-align: left;
	margin-bottom: 10px;
}

#ventre.rubrique ul.spip li {
	list-style-type: none;
	background: url(decor/puce_bleue.gif) no-repeat 0 3px;
	padding-left: 12px;
	margin-bottom: 5px;
}

#ventre.rubrique ol.spip {
	text-align: left;
	margin-bottom: 10px;
}

#ventre.rubrique ol.spip li {
	margin-bottom: 5px;
}

#ventre.rubrique h2 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	color:  #009ee0;
	width: 550px;
	margin: 5px auto 5px;
}

#ventre.rubrique img.decor {
	display: block;
	width: 500px;
	height: 300px;
	margin: 20px auto;
	clear: both;
}

#ventre.rubrique .texteRubrique {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}

#ventre.rubrique .texteRubrique h3 {
	line-height: 20px;
	font-weight: bold;
	font-size: 18px;
	color: navy;
}
	
#ventre.rubrique .texteRubrique p, #ventre.rubrique .texteRubrique ul.spip li {
	margin-bottom: 5px;
	color: navy;
	font-size: 14px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	}

#ventre.rubrique .texteRubrique h3.spip, #ventre.rubrique #Articles h3.spip {
	text-align: left;	
	color: #e2001a;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
	}

	#ventre.rubrique .texteRubrique h3.spip {
	line-height: 18px;
	font-weight: bold;
	font-size: 16px;
	}
	
#ventre.rubrique #Articles h3.spip {
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
	}
	
#ventre.rubrique #Articles {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
}


#ventre.rubrique #Articles h4 {
	text-align: left;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	font-style: italic;
	color: navy;
	margin-bottom: 10px;
}

#ventre.rubrique #Articles .chapoArticle {
	margin-bottom: 5px;
}

#ventre.rubrique #Articles .chapoArticle p, #page_rubrique #Articles .chapoArticle ul.spip li {
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	color: navy;
	font-weight: bold;
}

#ventre.rubrique #Articles img {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}
 
 #ventre.rubrique .texteArticle {
}

#ventre.rubrique .texteArticle p {
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 5px;
}

#ventre.rubrique #texteArticle p strong {
	font-weight: bold;
}


#ventre.rubrique #texteArticle p i {
	font-style: italic;
}

#ventre.rubrique #texteArticle p i strong, #page_rubrique p strong i {
	font-weight: bold;
	font-style: italic;
}

#ventre.rubrique #texteArticle .url {
	font-style: italic;
}

#page_rubrique hr.spip {
	width: 350px;
	margin: 15px auto;
	height: 1px;
	border-top: 1px solid #009ee0;
	clear: both;
}

.notes {
	border-top: 1px dashed #009ee0;
	padding-top: 5px;
}

.notes p {
	margin-bottom: 3px;
	font-size: 9px;
	line-height: 11px;
}
	/*p#titre {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	color: white;
	padding-top: 5px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}*/

p.soustitre {
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
	
#wrapcentre.gen p.soustitre {
	color: navy;
}	

div#wrapcentre p.intro {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	color: navy;
	margin-top: 10px;
}

#wrapcentre p.introretrait {
	margin-left: 30px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	color: navy;
	background: url(decor/triangle_bleu.gif) no-repeat scroll 0 4px;
	padding-left: 20px;
}

#wrapcentre p.texte {
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
}

#wrapcentre ul, #wrapcentre ol {
	margin-left: 30px;
	font-size: 12px;
}

#wrapcentre ul li {
	margin-bottom: 3px;
	list-style-type: square;
	text-align: left;
}
#wrapcentre ol li {
	margin-bottom: 3px;
	list-style-type: decimal;
	margin-left: 40px;
	text-align: left;
}

#wrapcentre a {
	
}

/* ------------- pages Univers */

#ventre.univers h1 {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	color: white;
	padding-top: 5px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	background-color: #009ee0; 
}

#ventre.univers .texteRubrique {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}
	
#ventre.univers .texteRubrique p, #ventre.univers .texteRubrique ul.spip li {
	margin-bottom: 5px;
	/*color: navy;*/
	font-size: 14px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	}

#ventre.univers .texteRubrique h3.spip, #ventre.univers #Articles h3.spip {
	text-align: center;	
	color: #e2001a;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
	font-weight: bold;
	font-size: 14px;
	}

#ventre.univers .texteRubrique h3.spip {
	line-height: 18px;
	font-weight: bold;
	font-size: 16px;
	}
	
#apostrophe {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	margin-top: 5px;
	width: 550px;
	margin-bottom: 10px; 
	margin-right: auto;
	margin-left: auto;
	color: #009ee0;
}

.attention {
	color: white;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background-color: red;
	margin-right: 120px;
	margin-left: 120px;
}

.presentation {
	color: black;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

#nosplus {
	width: 350px;
	padding-left: 130px;
	padding-right: 10px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: url(decor/nos_plus.gif) no-repeat 0px center;
	background-color: #009ee0;
}

#nosplus ul li {
	margin-bottom: 2px;
	color: white;
	font-size: 12px;
	line-height: 14px;
	list-style-type: square;
	list-style-position: outside;
}

/* @end */

/* @group LE_DROIT */

/* colonne droite */

#droite {
	width:150px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: white;
	float: left;
}

#droite p {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	color: navy;
}

#droite p strong {
	font-size: 14px;
}

#droite ul {
		margin: 10px 10px 0;
}

#droite ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

#droite a {
	margin: 0;
	padding: 0;
}

#droite a:hover {
	
}


/* @end */

/* @group LE_BAS */

/* Menu bas */

/* ------------- pied de page */

div#menu_bas {
	background: url(decor/fonMenuBas.jpg) repeat-x 0 0;
	height: 40px;
	width: 900px;
	clear: both;
	margin-bottom: 10px;
}

div#menu_bas ul {
	margin: 0;
	padding: 0;
	top: 0px;
	position: relative;
	text-align: center;
}

div#menu_bas ul li {
	display: inline;
	font-size: 11px;
	height: 20px;
	font-weight: bold;
}

div#menu_bas ul li a {
	margin: 0;
	line-height: 20px;
	padding-left: 7px;
	padding-right: 7px;
}

div#menu_bas ul li a:link, div#menu_bas ul li a:visited {
	color: #000080;
}

div#menu_bas ul li a:hover, div#menu_bas ul li a:active {
	color: white;
}

div#menu_bas span.separate {
	color: #000080;
	font-weight: bold;
}

/* @end */

/* @group LES_FORMULAIRES */

/* styles pour les formulaires */

#formulaire_contact {
	/*background-color: yellow;*/
}

#formulaire_contact form {
	/*background-color: red;*/
}

#formulaire_contact form fieldset {
	border-style: solid;
	border-color: #009ee0;
	/*background-color: silver;*/
	margin-bottom: 5px;
}

#formulaire_contact form fieldset legend {
	margin-left:15px;
	background-color: white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

#formulaire_contact form fieldset ul {
	/*background-color: olive;*/
	margin-left: 15px;
	margin-right: 15px;
}


#formulaire_contact form fieldset.previsu ul li {
	list-style-type: none;
	margin-bottom: 5px;
	height: auto;
}

#formulaire_contact form fieldset ul li {
	list-style-type: none;
	margin-bottom: 10px;
	clear: both;
	margin: 0;
	padding-bottom: 10px;
	display: block;
	height: auto;
}

#formulaire_contact form fieldset ul li label {
	display: block;
	float: left;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	width: 50%;
	/* pour IE/Win */ position: relative;
}

#formulaire_contact form fieldset ul li label strong {
	color: red;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}

#formulaire_contact form fieldset ul li span.erreur_message {
	font-size: 12px;
	/* pour IE/Win */ position: relative;
	font-weight: bold;
	color: red;
	float: right;
	width:  100%;
}

#formulaire_contact form ul li input {
	font-size:12px;
	color: black;
	width: 100%;
}

#formulaire_contact form ul li.saisie_texte_contact {
	width: 100%;
	height: 200px;
	display: block;
	clear: both;
}

#formulaire_contact form ul li textarea {
	font-size:12px;
	color: black;
	width: 100%;
	overflow: scroll;
	margin-bottom: 10px;
	display: block;
	clear: both;
	height: 175px;
}

#formulaire_contact form p.boutons {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

#formulaire_contact form p.boutons input.submit {
	font-size:11px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* @end */

/* @group LES_BREVES */

#wrapbreves {
	background-color:#dddddd;
	border:1px solid #009ee0;
	height:100px;
	width: 540px;
	overflow-y:scroll;
	margin: 5px auto;
	padding: 5px;
	text-align: left;
}

#wrapbreves p {
	color:#000000;
	padding: 0 5px 3px;
	margin:0px;
	font-size: 12px;
	line-height: 14px;
}

#wrapbreves p strong {
	color:#e2001a;
}

#wrapbreves p span.date {
	color: #009ee0;
	font-size: 10px;
}

#wrapbreves p span.titre {
	font-weight: bold;
	color: #000080;
}

p.breves_line {
	border-top: 1px dashed #e2001a;
	height: 5px;
}

/* @end */

/* @group AVERTISSEMENT */

#avertissement {
	background-color: #e2001a;
	margin: 5px auto;
	padding: 20px;
	text-align: left;
	color: white;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

#avertissement h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 7px;
	font-size: 20px;
}

#avertissement p {
	margin-bottom: 3px;
}

#avertissement p em {
	color: black;
}

/* @end */

/* @group DIAPORAMA & IMAGES CHAPO */
#diaporama, #imageChapo {
	width: 550px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #009ee0;
}

ul#diaporama {

}

ul#diaporama li {
	list-style-type: none;
}

#diaporama li img{
	position: relative;
	top: 0;
	left: 0;
	width: 550px;
	height: 250px;
}

/* @end */

/* @group Surcharge Spip */
.spip_documents_center { display: block; clear: both; width: 100%; margin: 0 auto; }


/* @end */