body{background-color:#FFEBD2;font:0.8em Arial,Verdana,Helvetica,sans-serif;margin:0;padding:0; background-image:url(img/fond-fonce.png); background-repeat:repeat-x}
img{border:none}
a{color:#c1191d; text-decoration: none}
a:hover{color:black}

h1{margin-top:0;padding-top:247px;padding-left:450px;font-family:"Lucida Grande",Tahoma,Helvetica,sans-serif;font-size:2.5em;font-weight:bold;text-transform:uppercase;color:white;display:none}

h2{color:#c1191d;font:1.2em Optima,"Trebuchet MS",Lucida,Arial,Geneva,Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif;text-transform:uppercase;font-weight: bold; }

h3{font:1.2em Optima,"Trebuchet MS",Lucida,Arial,Geneva,Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif;clear:both;padding-left:10px;margin-top:30px;background:url(img/degrade-rouge-blanc.png) no-repeat bottom left;padding-bottom:8px;}

h4{margin:0;padding:0}
p{text-align:justify}

label{float:left;display:inline;width:120px;color:#c1191d}

#langue{
	position:absolute;
	float:right;
	top:222px;
	right:3px;
	}
#langue img{margin-right:8px}
#page{background:url(img/fond_page.png) repeat-y;width:900px;margin: 0 auto}
#bandeau_haut{
	background:url(img/bandeau.jpg) 0 10px no-repeat;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:865px;
	height:295px;
	left: 15;
	overflow: visible;
}
#colonne_gauche{float:left;width:400px;padding-top:20px;padding-left:32px;padding-bottom:10px}
#colonne_gauche ul{margin-top:0;}
/*#colonne_gauche li{margin:0.4em;text-align:justify;list-style: disc;color:#000}*/
#colonne_gauche li{margin:0.4em;text-align:justify;}
#colonne_droite{float:right;width:400px;padding-top:20px;padding-right:32px;padding-bottom:10px}
#colonne_unique{clear:both;width:800px;padding-top:20px;margin-right:50px;margin-left:50px;padding-bottom:10px}
#colonne_unique p{}
#bandeau_bas{clear:both;background-color:#eeeeee;height:50px;width:900px;margin-left:auto;margin-right:auto;background:url(img/bas.png) 0px -3px no-repeat}
#bandeau_bas p{padding-top:15px;font-style:italic;color:#666666;text-align:center}

.puce_noire {list-style-image: url('img/puce_noire.gif');}
.puce_rouge {list-style-image: url('img/puce_rouge.gif');}
/* liste numérotée rouge */
ol{ color:#c00;font-size:11px;} 
.politique span{ color:#000; font-size:1.1em;} 
.liste_numerotee span { color:#000; font-size:1.1em;}

/* Menu patrick*/
#menuBord{width:834px;height:23px;border:none;margin:10px auto 0;background-color: #00CC33}  /*  style général du menu avec couleur de fond, la marge positive éloigne du bandeau, la marge négative rapproche du contenu  */
ul#menu{display:block;margin:0 auto;padding:0}
#menu li{margin:2px 0 0 0;padding:0;list-style-type:none}
#menu a, #menu span{padding:0 14px;border-left: 1px solid #ec8486;height:16px;margin-top:3px
} /* border-left est le séparateur qui grandit avec la première valeur de padding (0), la deuxième valeur de padding influe sur la largeur totale du contenu de menu (espacement gauche et droite de chaque item) */
#menu .first{padding-left:14px;border-left:0 none;} /* décalage gauche du premier item de menu */
#menu a{font:11px Trebuchet MS;text-transform:uppercase;color:black;text-decoration:none;font-weight:700}
#menu a:hover{color:#c1191d;text-decoration:none;}
#menu span{font:11px Trebuchet MS;text-transform:uppercase;color:#c1191d;text-decoration:none;font-weight:700}
#menu li, #menu a, #menu span{float:left;;font-size: 0.95em}  /* Placement et taille police : 1em = 100% du font body */
* html ul#menu{text-align:center;display:block;}
* html #menu li{display:inline-block;float:none;}

/* Colonne de droite */
#colonne_droite .ombre-haut{width: 100%; height: 3px; background: url(img/ombres/haut.png) no-repeat center top;}

/* news index */
#news{background: url(img/ombres/bas.png) no-repeat center bottom;min-height:172px;margin-top:10px;margin-bottom:1px;margin-left:10px;padding-bottom:1px;font-size:0.95em;}
#news .contenu{background:url(img/news.png) 0 0 no-repeat;margin-left:3px;min-height: 165px;}
#news span{font-weight:bold;display:block}
#news li{list-style-type:none;margin-bottom:0.5em}
#news ul{margin-top:5px;margin-left:0.5em;padding-left:60px;padding-right:10px}

/*#video{background: url(img/ombres/bas.png) no-repeat center bottom;min-height:135px;margin-left:10px;}*/
/*#video .contenu{padding:5px 5px 5px 10px;}*/
/*#video p{margin-top:1px;margin-bottom:3px;margin-left:180px;text-align:left;}*/
/*#video .sep{clear:both;}*/

#video{background: url(img/ombres/bas.png) no-repeat center bottom;min-height:135px;margin-top:10px;margin-left:10px;}
#video table {margin: 1px 5px; padding: 0; border: none; border-collapse: collapse; border-spacing: 0;}
#video table td {padding: 5px; border: none; vertical-align: middle;}
#video table p{margin:0 0 5px 0; padding: 0;}

#honneur{background: url(img/ombres/bas.png) no-repeat center bottom;min-height:430px;margin-top:10px;margin-bottom:10px;margin-left:10px;padding-bottom:5px;font-size:0.9em;}
#honneur .contenu{background:url(img/honneur2.png) top right no-repeat; margin:4px;}
#honneur span{color:#666666;font-size:0.95em}
#honneur li{list-style-type:none;margin-bottom:2px}
#honneur ul{background:url(img/lauriers.png) 15px 80px no-repeat;margin-left:0.5em;margin-top:0.3em;padding:0}

#logos{margin-top:10px; margin-left: 10px; font-size:0.95em;}
#logos div#logo-aa{float: left; width: 65px; margin-left: 10px;}
#logos div#logo-paypal{float: right; width: 79px; margin-right: 5px}
#logos div#coordonnees{margin-left: 94px; margin-right: 94px;}
#logos div#coordonnees p{text-align: left;}
#logos div#coordonnees span{display:block; color:#00CC33; font:1.15em Optima,"Trebuchet MS",Lucida,Arial,Geneva,Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif; text-transform:uppercase; font-weight:bold;}
/* Fin de la colonne de droite */

.article{clear:both;padding-bottom:12px;margin-bottom:25px;border-bottom:1px solid #c1191d}
.article p{margin-top:8px}

.articleFin{clear:both;padding-bottom:20px;margin-bottom:20px}
.articleFin p{margin-top:8px}

#videoligne {
clear: both;
text-align: justify;
vertical-align: middle;
margin-bottom: 30px;}

/* images alignement */
.gauche{float:left;margin-right:8px;margin-bottom:10px;margin-top:2px;vertical-align: middle}
.droite{float:right;margin-left:8px;margin-bottom:10px;margin-top:2px;vertical-align: middle}
.imgCentre {display:block;margin:0 auto}  /* classe générique de centrage d'images */
.centre{width:350px;margin-left:45px;margin-right:auto}  /* classe de centrage de certaines images en 350px */


.politique{font-weight:bold}
.cadre{margin:10px;border:1px solid #cccccc;padding:10px}
.bas{text-align:center;color:#c1191d;font-weight:bold;font:1.3em Optima,"Trebuchet MS",Lucida,Arial,Geneva,Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif}
.petit{color:#666666;font-size:0.95em}
.retour{float:right}
.rouge{color:#c1191d}
.couv{float:left;margin-left:28px;margin-right:28px;margin-top:20px}
.couv p{text-align:center;margin-top:0;padding-top:0}

/* Étiquettes de dates*/
div.data{float:left;width:35px;height:25px;margin:0 2px -5px 0;text-align:center;color:#777;padding-bottom:1px;padding-top:0px;background:#e9f3ff url(img/date.png) no-repeat bottom left}
div.data span.m{position:relative;top:-2px;text-transform:uppercase;font-size:0.7em}
div.data span.y{position:relative;top:-7px;font-size:0.8em }

/* Boutique */
.blocAdhésion{width:100%;overflow:auto;margin-bottom:30px}
.blocAdhésionGauche{float:left;width:75%}
.blocAdhésionGauche p{text-align:left;margin:20px}
.blocAdhésionIllustration{margin-top:30px;float:left;width:25%;text-align:center}
.blocAdhésion label{display:inline;width:200px;font-weight:bold;margin-left:30px}
.blocAdhésion span{float:left;display:inline;width:100px}
.blocAdhésion ul{margin-top:40px;margin-bottom:40px}
.blocAdhésion li{margin-bottom:15px}
.blocAdhésion label{display:inline;width:200px;font-weight:bold;margin-left:30px}
.blocAdhésion span{float:left;display:inline;width:100px};margin-bottom:20px}

.telechargement{overflow:auto;margin-bottom:40px}
.blocTelechargement{width:100%;overflow:auto;margin-bottom:30px}

.livres{overflow: auto; margin-bottom: 20px; padding-bottom: 30px; background:url(img/barre-rouge-vers-blanc.png) no-repeat center bottom;}
.blocLivres{width:100%;overflow:auto;margin-bottom:30px;margin-top:30px;}

.accessoires{overflow:auto;margin-bottom:20px;padding-bottom:30px;background:url(img/barre-rouge-vers-blanc.png) no-repeat center bottom;}
.bloc3Accessoires{float:left;width:33.33%;text-align:center}
.blocAccessoires{float:left;width:50%;text-align:center}
.blocAccessoires p{text-align:inherit}
#formEtiquettesAutocollantes{
	position:relative;
	top:23px;
	visibility: visible;
	left: 250;
}

.tshirts{overflow:auto;margin-bottom:20px;padding-bottom:30px;background:url(img/barre-rouge-vers-blanc.png) no-repeat center bottom;}
.blocTshirts{float:left;width:50%;text-align:center}
.blocTshirts p{text-align:inherit}

.frais{overflow:auto;margin-bottom:20px;padding-bottom:30px}
.fraisDePort{float:left;width:50%;text-align:center}
.fraisDePort span{font-weight:bold}

.autocollants{overflow:auto;margin-bottom:20px;padding-bottom:30px;background:url(img/barre-rouge-vers-blanc.png) no-repeat center bottom;}
.blocAutocollants{float:left;width:33.33%;text-align:center}
.blocAutocollants4{float:left;width:170px;text-align:center}
.blocAutocollants p{text-align:inherit}

.cartesPostales{overflow:auto;margin-bottom:20px;padding-bottom:30px;background:url(img/barre-rouge-vers-blanc.png) no-repeat center bottom;}
.blocCartesPostales{float:left;width:33%;text-align:center}
.blocCartesPostales p{text-align:inherit}

.titre{text-align:center;margin-top:0}
.illustration{}
.illustrationBouton{float:left;width:200px;text-align:center;}
.description{float:right;width:600px}
.taille{margin-bottom:0;margin-top:5px;text-align:center;}
.bouton{margin-top:15px;}
.gris{text-align:center;color:#666666;font-size:0.95em}
.grisGauche{clear:both;color:#666666;font-size:0.95em}

/* Page adhesion.php */
div#adhesion label {color: black;}
div#adhesion div.colonne{float:left; width:50%;}
div#adhesion fieldset, div#adhesion address {margin-bottom:25px;}
div#adhesion .legende, div#adhesion div#imprimer a{font-size: medium; font-weight: bold; color: #c1191d;}
div#adhesion hr{clear:both;}
div#adhesion .adhesion-type{float:left; width:23%;font-weight:bold;}
div#adhesion .adhesion-titre{float:left; width:32%; margin-left:10px; font-style:italic;}
div#adhesion .adhesion-prix{float:left; width:14%; margin-right:10px; text-align:right;}
div#adhesion .adhesion-nb{float:left; width:13%;}
div#adhesion .adhesion-total{float:left; width:13%;}
div#adhesion .sep{clear:both; width:100%; height:25px;}
div#adhesion .texte-a-droite, div#adhesion .texte-a-droite p{text-align: right;}
div#adhesion .avertissement {text-align: left; margin-left: 15px;}
div#adhesion .avertissement li{margin-left: 15px;}

/* Page contact */
.facteur h3{width:70px;font:1.1em Optima,"Trebuchet MS",Lucida,Arial,Geneva,Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif;clear:both;color:white;background-color:#c1191d;padding:0;margin-top:30px;text-align:center;}

.fiche{margin-bottom:0px; margin-top:5px; float:left; width:126px; text-align:center;}
.fiche p{text-align:center;}
.fiche span{font-style:italic;color:#666666;}
.fiche-sep{clear:both; width:100%;}
.avertissement{color:#c1191d;font-weight:bold;font-size:1.1em;border: 2px solid #c1191d; padding: 10px;}
div#equipe{width:380px; float: right;}
div#formulaire{width:360px;}
div#formulaire .espace-haut{margin-top: 40px;}
div#formulaire ul#formulaire-contact li, div#formulaire form#signer p{margin-bottom: 20px;}
.input, div#formulaire form#signer textarea{width: 75%;}
span.legende-nl{visibility: hidden;}
div#formulaire label{float:none;display:block;}
div#formulaire ul{margin-left:0;padding-left:0;}
div#formulaire li{margin-left:15px;padding-left:0;}

/* Page politique */
li.sans-point {list-style-type: none;}
.sep{clear:both;}
#politique-sego table {margin: 0; padding: 0; border: none; border-collapse: collapse; border-spacing: 0;}
#politique-sego table td {padding: 0px; border: none; vertical-align: middle;}
#politique-sego table p{margin:0; padding: 0 0 0 8px;}

/* Page manif */
.barre_rouge_vers_blanc {
background:url("img/degrade-rouge-blanc.png") no-repeat scroll left bottom transparent;
}
.barre_blanc_vers_rouge {
background:url("img/degrade-blanc-rouge.png") no-repeat scroll left bottom transparent;
}