/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: verdana, georgia, tahoma, arial, sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	background:  #fff url(../media/bg_global.jpg) no-repeat scroll center top;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0; /* -> 6 */
}
h1, h2 {
	font-family: verdana, georgia, tahoma, arial;
	color: #666;
	
	font-weight: bold; /* -> 7 */
}
h1 {
	font-size: 1.3em; /* -> 8 */

}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: none;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .85em 0 0 0;
}

/* Divers éléments de type en-ligne */

strong {
	font-weight: bold;}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */


#copyright {
background-image: url(../media/bg_pied.jpg);
background-repeat: no-repeat;
margin: 20px 0 5px 0;
padding-top:20px;
padding-left:130px;
width:920px;
height:30px;
font-size: 10px;
display: inline-block;
}
#copyright a {
color: #666;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}
#poprappel {
background-image: url(../media/bg_poprappel.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
padding-top:0px;
padding-left:0px;
width:380px;
height:340px;
font-size: 11px;

}
.refer_titre{
color: #129ce3;
float:left;
width:900px;
}
.refer_instrum ul{
	margin-left:0px;
	float:left;
	width:125px;
	
}
.referencement {
	color: #129ce3;
	float:left;
	width:290px;
	height: 80px;

}
.referencement ul {
	margin-left:0px;
}
.ref_contact {
	color: #129ce3;
	float:left;
	width:290px;
	background-color:#dcdcdc;
	text-align: center;
	padding-top: 20px;
	height: 60px;
}
.referencement a{
	color: #838383;
	font-size:9px;
	text-decoration: none;
}
.refer_instrum a {
	color: #838383;
	font-size:9px;
	text-decoration: none;
}
.refer_instrum a:hover, .refer_instrum a:focus, .referencement a:hover {
	text-decoration: underline;
}


/* Général */
a.lien1 {
	color: #129be3;
	background-image: url(../media/bt1.gif);
	background-repeat: no-repeat;
	height:52px;
	width:177px;
	margin-right:5px;
	display: inline-block;
	text-align:center;
	font-weight: bold;
}

a.lien1:hover{
	color: #FFFFFF;
	background-image: url(../media/bt1_over.gif);	background-repeat: no-repeat;

}
a.lien2 {
	color: #afc035;
	background-image: url(../media/bt2.gif);
	background-repeat: no-repeat;
	height:52px;
	width:177px;
	margin-right:4px;
	display: inline-block;
	text-align:center;
	font-weight: bold;
}

a.lien2:hover {
	color: #FFFFFF;
	background-image: url(../media/bt2_over.gif);	background-repeat: no-repeat;
}

a.lien3 {
	color: #f5900f;
	background-image: url(../media/bt3.gif);
	background-repeat: no-repeat;
	height:52px;
	width:177px;
	margin-right:5px;
	display: inline-block;
	text-align:center;
	font-weight: bold;
}

a.lien3:hover{
	color: #FFFFFF;
	background-image: url(../media/bt3_over.gif);	background-repeat: no-repeat;
}
a.lien4 {
	color: #a10a21;
	background-image: url(../media/bt4.gif);
	background-repeat: no-repeat;
	height:52px;
	width:177px;
	display: inline-block;
text-align:center;
	font-weight: bold;
}

a.lien4:hover{
	color: #FFFFFF;
	background-image: url(../media/bt4_over.gif);	background-repeat: no-repeat;
}
a.lienblc {
	color: #FFFFFF;
	font-weight: bold;
	font-size:11px;
		text-decoration: none;
}

a.lienblc:hover{
	text-decoration: underline;
}
a.liengris {
	color: #575c60;
	font-weight: bold;
	font-size:11px;
		text-decoration: none;
		padding-left:30px;
		
}

a.liengris:hover{
	text-decoration: underline;
}
a.prof{
	color: #575c60;
	font-weight: bold;
	font-size:11px;
	background-image: url(../media/bg_prof.jpg);	background-repeat: no-repeat;
	text-decoration: none;
padding-left:100px;
padding-right:20px;
padding-top:30px;
	height:120px;
	width:115px;
		float:left;
}
a.prof:hover{
		text-decoration: underline;
}

a.ccm{
	color: #575c60;

	font-size:11px;
	background-image: url(../media/bg_ccm.jpg);	background-repeat: no-repeat;
	text-decoration: none;
	padding-left:20px;
padding-top:50px;

	height:100px;
	width:194px;
	float:left;
}
a.ccm:hover{

}
a.inscription {
	color: #FFFFFF;
	background-image: url(../media/bt_inscription.gif);
	background-repeat: no-repeat;
	height:68px;
	width:160px;
	display: block;
	padding-left:40px;
	padding-top:15px;
	font-weight: bold;
			text-decoration: none;

}

a.inscription:hover{
	color: #129be3;
	background-image: url(../media/bt_inscription_over.gif);	background-repeat: no-repeat;

}
a.contact {
	color: #FFFFFF;
	background-image: url(../media/bt_plaquette.gif);
	background-repeat: no-repeat;
	height:68px;
	width:160px;
	display: block;
	padding-left:40px;
	padding-top:15px;
	font-weight: bold;
			text-decoration: none;

}

a.contact:hover{
	color: #a10a21;
	background-image: url(../media/bt_plaquette_over.gif);	background-repeat: no-repeat;

}

.accesn2{
	color: #a10a21;
	background-image: url(../media/bg_n1.gif);	background-repeat: no-repeat;
height:70px;
padding-top:5px;
padding-left:20px;
}
.accesn2 img{
	color: #a10a21;
padding-right:40px;
float:left;
padding-top:2px;

}
.accesvideo{
	color: #666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	
height:70px;
padding-top:5px;
padding-left:20px;
}
.accesvideo img{
	color: #a10a21;
padding-right:20px;
float:left;
padding-top:2px;

}
.videocenter
{
	padding-top:20px;text-align:center; 

}
.bulleccm{
	color: #666;

height:80px;
font-weight:bold;

}
.bulleccm img{
padding-right:10px;
float:left;

}
.encartvert{
		font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #afc035;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
	
}
.encartrouge{
		font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #af112a;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
	

}
.encartbleu{
		font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #1298e1;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
	

}
a.lienorange{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #f5900f;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}
a.lienorange:hover{
	text-decoration:underline;

}
a.lienvert{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #afc035;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}
a.lienvert:hover{
	text-decoration:underline;

}
a.lienbleu{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	color: #1298e1;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}
a.lienbleu:hover{
	text-decoration:underline;

}
.menun2{
	color: #666;
	background-image: url(../media/bg_menu_n2.jpg);	background-repeat: no-repeat;
height:230px;
font-weight:bold;
font-size:11px;
padding-top:35px;

text-align:center;
}
.menun2_adu{
	color: #666;
	background-image: url(../media/bg_menu_n2_adu.jpg);	background-repeat: no-repeat;
height:230px;
font-weight:bold;
font-size:11px;
padding-top:35px;

text-align:center;
}
.accroche{
	float:right;
}	

.programme li{
	color: #f38b09;
	font-size:11px;
	margin-left:10px;
	padding-left:10px;
	padding-top: 5px;
	list-style-image: url(../media/flecheorange.gif);	
}
.programmecle li{
	color: #666;
	font-size:11px;
	margin-left:0px;
	padding-left:10px;
	padding-top: 5px;
	list-style-image: url(../media/pucegrise.gif);	
}
.lesplus{
	background-image: url(../media/bg_lesplus.jpg);	background-repeat: no-repeat;
	padding-top:50px;
	padding-left:160px;
	height:230px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}	
.lesplus li{
	padding-top:10px;
	
}
.recrutement{
	background-image: url(../media/bg_recrutement.jpg);	background-repeat: no-repeat;
	padding-top:50px;
	padding-left:60px;
	height:230px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}	
.recrutement li{
	padding-top:10px;
	
}
.deco_img_left
{
	float:left;
}
.cv_img_left
{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}
/* Contenu principal */
#contenu {
	color: #363B29;
}
#tpl_ariane {
color: #181A12;
margin-left:5px;
height:20px;
width:600px;
}
#tpl_ariane a {
color: #666;
font-size:10px;
text-decoration:none;
}
#tpl_ariane a:hover{
text-decoration:underline;
}
#contenu_gauche {
	color: #181A12;


	margin-right:16px;
	float:left;
width:200px;
}
#contenu_centre {
	color: #181A12;

		margin-right:0px;
		float:left;
				width:452px;
}
#tpl_centre {
	color: #181A12;
	padding-top:10px;
padding-left:10px;
padding-right:10px;
		margin-right:0px;
		float:left;
				width:432px;
}

#tpl_centre_ccm {
	background-image: url(../media/bg_ccm_interieur.jpg);	background-repeat: no-repeat;
	color: #181A12;
	padding-top:10px;
padding-left:10px;
padding-right:10px;
		margin-right:0px;
		float:left;
				width:432px;
}


#contenu_droit{

	color: #181A12;
	width:195px;
	float:left;
	z-index:1;
		padding-left:15px;
}
#autresliens{
	
	background-image: url(../media/bg_pictos.jpg);	background-repeat: no-repeat;

}

/* Pied de page */
#pied {
	color: #666;

}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 920px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	padding: 15px 20px 10px 20px;
	
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .compte {
	margin: 4px 0 15px 0;
	text-align : right;

}

/* Menu de navigation */
#navigation {
	padding-top: 16px;
	padding-left: 75px;
		text-align: left;

}
#navigation ul {
	margin: 0;
	list-style: none;

}
#navigation li {
	display: inline;

}
#navigation a {
	padding-top: 12px;
	line-height: 1.5;

	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	padding-left: 20px;
	padding-right: 20px;

	float:left;
}
.input2 {
	margin-top: 10px;
	width: 140px;
background-color: #FFF;
}
.txtcourant {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;

}
.arianeorange {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #f5900f;
}
.arianebleu {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #1298e1;
}
.arianevert {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #afc035;
}
.arianerouge {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #af112a;
}
.txtorange {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #f5900f;
	font-weight: bold;
}
.txtvert {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #afc035;
	font-weight: bold;
}
.txtbleu {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #1298e1;
	font-weight: bold;
}
.titrevert {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #afc035;
	font-weight: bold;
	padding-right:50px;
}.titrerouge {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #b8142e;
	font-weight: bold;
	margin-top:5px;
}
.titrebleu {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #1298e1;
	font-weight: bold;
	margin-top:5px;
}
.txtrouge{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #b8142e;
	font-weight: bold;
}
.txtrouge_normal{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #b8142e;

}
.grostxtrouge{
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #b8142e;
	font-weight: bold;
	text-align:center;
}
.chapo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

#contenu li {
	line-height: 1;
}
/* Pied de page */
#pied {
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}
#copyright {
	text-align: left;
	font-size: 1em;
}


/* --- NOTES ---

1.	Pour pouvoir utiliser une hauteur (height) ou une hauteur minimale
	(min-height) sur un bloc, il faut que sont parent direct ait lui-même une
	hauteur déterminée (donc toute valeur de height sauf "auto": hauteur en
	pixels, em, autres unités...).
	Si la hauteur du parent est en pourcentage, elle se réfère alors à la
	hauteur du «grand-père», et ainsi de suite.
	Ainsi, pour pouvoir utiliser un "min-height: 100%" sur div#contenu, il nous
	faut:
	- un parent (body) en "height: 100%";
	- le parent de body également en "height: 100%".

2.	Il faut éviter que les marges des enfants de div#global ne se transmettent
	à leur parent. Notamment, le margin-top du premier enfant (ici, div#entete),
	et le margin-bottom du dernier enfant (ici, div#pied).
	On évite ce problème grâce à la propriété CSS overflow, qui bloque la
	fusion des marges. En savoir plus sur la fusion des marges:
	http://web.covertprestige.info/test
		04-blocs-imbriques-et-fusion-des-marges.html

3.	Les marges automatiques à gauche et à droite permettent de centrer notre
	bloc div#global, et donc tout le site.
	Pour aligner div#global à gauche, on fera:
		margin-left: 0;
		margin-rigth: auto;
	Pour aligner div#global à droite, on fera:
		margin-left: auto;
		margin-right: 0;
	Pour aligner div#global à droite avec un retrait (à droite) de 100px:
		margin-left: auto;
		margin-right: 100px;

*/

/********* Drop downs*************/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;}
ul.dropdown li a                    { display: block; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover  { position: relative; visibility: visible;}
ul.dropdown ul  li  a   { display: block; text-decoration:none; color:#fff;  position: relative;  padding:0px 0 10px 10px; }
ul.dropdown ul  li  a:hover { color:#000; position: relative; visibility: visible; }

/* 
	LEVEL TWO
*/

ul.dropdown ul li { font-weight: normal;  color: #fff; border-bottom: 1px solid #fff; float: left; width:100%; }
ul.dropdown ul.green li {background:#a6b72f;}
ul.dropdown ul.orange li {background:#f2a619;}	
ul.dropdown ul.red li {background:#a10a21;}	
ul.dropdown ul { width: 220px; /*visibility: hidden;*/  display:none; position: absolute;left:15px;top:37px; z-index:99999999;}
ul.dropdown  ul.level-2 {width: 220px;/* visibility: hidden;*/ display:none; position: absolute; left:-220px; top:0; border:1px solid; z-index:99999;}
			  
                                    /* IE 6 & 7 Needs Inline Block */						
ul.dropdown ul li a	, ul.dropdown ul li a:hover	{ border-right: none; width: 100%; display: inline-block; } 


/* 
	FORMULAIRE
*/
label{
	text-align: right;
	color:#666 ;
	font-size: 11px;
	width:118px;
	float: left;	
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
input{
	background-color:#ececec;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color: #666;	
}
select {
	background-color:#ececec;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
padding:5px;
height:25px;
	color: #666;	
}
textarea {
	background-color:#ececec;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
padding:5px;
	color: #666;	
	height:70px;
}
form p{
margin: 5px;
padding: 0;
}
.small{
width: 18px;
margin-top:4px;

}
#email,#nom,#prenom,#adresse,#nss{
width: 280px;
}
#instrument,#niveau,#style,#vousetes,#nationalite{
width: 284px;
}
#ville{
width: 140px;
}
#villebt{
	width: 140px;
border: 1px outset #999;
}
#rib{
	width: 62px;
}
#codep{
	width: 128px;
}
#bouton{
padding:0;
}
.centrage{
text-align:center;
}
#radiobt{
background-color: #FFF;
}
#casecoche{
background-color: #FFF;
}