@charset "utf-8";
/* CSS Document */
/* CSS Document */
a img { border:none; }

body { 
	margin:0px;
	padding:0px;
	margin-top:0px;
	text-align:center;
	background-image:url(images/fond-principal.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#18205A;
	margin-top:40px;
}
.reference {
	position:relative;
	top:0px;
	left:0px;	
	height:0px;
	width:0px;
}

#page {
	width:100%;
	min-width: 980px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;	
	text-align:left;
}

#fond-bord-haut {
	background-image:url(images/fond-bord-haut.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	height:14px;
}
#coin-haut-gauche {
	background-image:url(images/coin-haut-gauche.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:14px;
}
#coin-haut-droit {
	background-image:url(images/coin-haut-droit.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:14px;
}

#logo-haut-gauche {
	position:absolute;
	top:-45px;
	left:-88px;
	width:156px;
	height:85px;
	background-image:url(images/logo-haut-gauche.png);
	background-repeat:no-repeat;
}

#fond-haut {
	background-image:url(images/fond-haut.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:110px;	
}

#bord-haut-gauche {
	background-image:url(images/bord-haut-gauche.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:110px;	
}
#bord-haut-droit {
	background-image:url(images/bord-haut-droit.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:110px;	
}

#fond-haut-gauche {
	background-image:url(images/fond-haut-gauche.png);
	background-position:19px 0px;
	background-repeat:no-repeat;
	height:110px;	
}
#fond-haut-droit {
	background-image:url(images/fond-haut-droit.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:110px;	
	margin-right:19px;
}

#fond-centre {
	background-image:url(images/fond-centre.jpg);
	background-color:#304FB1;
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;	
}
#bord-centre-gauche {
	background-image:url(images/bord-centre-gauche.png);
	background-position:top left;
	background-repeat:repeat-y;
	overflow:hidden;
}
#bord-centre-droit {
	background-image:url(images/bord-centre-droit.png);
	background-position:top right;
	background-repeat:repeat-y;
	overflow:hidden;
}
#fond-centre .contenant {
	overflow:hidden;	
}


#fond-bord-bas {
	background-image:url(images/fond-bord-bas.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:32px;
}
#coin-bas-gauche {
	background-image:url(images/coin-bas-gauche.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:32px;
}
#coin-bas-droit {
	background-image:url(images/coin-bas-droit.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:32px;
}

.gauche {
	float:right;
}
#menu-haut {
	position:absolute;
	right:0px;
	top:-10px;
	width:200px;
	height:15px;
}
#menu-haut-gauche {
	float:left;
}
#menu-haut-gauche ul {
	margin:0px;
	padding:0px;
}
#menu-haut-gauche ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#304FB1;
	display:inline;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
#menu-haut-gauche ul li a{
	text-decoration:none;	
	color:#304FB1;
}
#menu-haut-gauche ul li a:hover{
	text-decoration:underline;
}
#menu-haut-langue {
	float:right;
}
#menu-haut-langue ul {
	margin:0px;
	padding:0px;
}
#menu-haut-langue ul li{
	display:inline;	
	margin:0px;
	padding:0px;
	margin-left:2px;
	margin-right:2px;
}

#animation {
	position:absolute;
	top:12px;
	right:-8px;
	width:657px;
	height:83px;
}

#infos-haut {
	position:absolute;
	left:70px;
	top:-10px;
	width:400px;
	height:15px;
}
#infos-haut ul {
	margin:0px;
	padding:0px;
}
#infos-haut ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#304FB1;
	display:inline;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#infos-haut ul li a{
	text-decoration:none;
	color:#304FB1;
}
#infos-haut ul li a:hover{
	text-decoration:underline;		
}
#pied {
	height:20px;
	text-align:center;
	margin-top:5px;
}
#pied .contenant ul{
	margin:0px;
	padding:0px;
}
#pied .contenant ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	display:inline;	
	margin:0px;
	padding:0px;
}
#pied .contenant ul li a{
	text-decoration:none;
	color:#FFF;	
}
#pied .contenant ul li a:hover{
	text-decoration:underline;
}

#colonne-gauche {
	float:left;
	width:225px;
	margin-top:1px;
}
#colonne-gauche .contenu {
	background-image:url(images/colonne-fond.png);
	background-repeat:repeat-y;
	overflow:hidden;
	margin-left:15px;
}

#colonne-gauche .contenu ul.niv1{
	margin:0px;
	padding:0px;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:20px;
}
#colonne-gauche .contenu ul.niv1 li.act{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#304FB1;	
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(images/puce-act.png);
	background-repeat:no-repeat;
	padding-left:16px;
	background-position:0px 7px;
	line-height: 24px;
}
#colonne-gauche .contenu ul.niv1 li.act a{
	color:#304FB1;
	text-decoration:none;
}
#colonne-gauche .contenu ul.niv1 li.no{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#304FB1;	
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(images/puce-no.png);
	background-repeat:no-repeat;
	padding-left:16px;
	background-position:0px 7px;
	line-height:24px;	
}
#colonne-gauche .contenu ul.niv1 li.no a{
	color:#304FB1;
	text-decoration:none;
}

#colonne-gauche .contenu ul.niv2{
	margin:0px;
	padding:0px;
}

#colonne-gauche .contenu ul.niv2 li.act{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#304FB1;	
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(images/puce-sact.png);
	background-repeat:no-repeat;
	padding-left:12px;
	background-position:0px 5px;
	line-height: 16px;
}
#colonne-gauche .contenu ul.niv2 li.act a{
	color:#304FB1;
	text-decoration:none;
}
#colonne-gauche .contenu ul.niv2 li.no{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#304FB1;	
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:12px;
	line-height:20px;
	background:none;
}
#colonne-gauche .contenu ul.niv2 li.no a{
	color:#304FB1;
	text-decoration:none;
}

#colonne-gauche .contenu ul.niv3{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

#colonne-gauche .contenu ul.niv3 li.act{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#606;	
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(images/puce-trait.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;

	line-height: 14px;
}
#colonne-gauche .contenu ul.niv3 li.act a{
	color:#606;	
	text-decoration:none;
}
#colonne-gauche .contenu ul.niv3 li.no{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#606;	
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:10px;
	line-height:14px;
	background:none;
}
#colonne-gauche .contenu ul.niv3 li.no a{
	color:#606;		
	text-decoration:none;
}

#colonne-gauche .bas {
	background-image:url(images/colonne-bas.png);
	background-repeat:repeat-y;
	height:6px;
	margin-left:15px;
}

#colonne-centre-droite {
}

#colonne-droite-vide {
	float:right;
	width:19px;
	height:10px;
}

#colonne-droite {
	float:right;
	width:225px;
	margin-top:1px;	
}

#colonne-droite .contenu {
	background-image:url(images/colonne-fond.png);
	background-repeat:repeat-y;
	overflow:hidden;
	float:right;
	width:210px;
	margin-right:10px;
}
#colonne-droite .bas {
	background-image:url(images/colonne-bas.png);
	background-repeat:repeat-y;
	height:6px;
	float:right;
	width:210px;
	margin-right:10px;
}

#colonne-centre {
	background-image:url(images/fond-centre-transp.png);
	background-repeat:repeat;
	overflow:hidden;
}
#colonne-centre-bas {
	height:8px;
	background-image:url(images/fond-centre-bas.png);
	background-repeat:repeat-x;
}
#colonne-centre .contenu {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
}
#chemin ul {
	margin:0px;
	padding:0px;
}
#chemin ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	display:inline;	
	margin:0px;
	padding:0px;
	line-height:20px;
}
#chemin ul li a{
	color:#FFF;
	text-decoration:none;
}
#chemin ul li a:hover{
	text-decoration:underline;
	
}
.trait {
	height:5px;
	background-image:url(images/trait.png);
	background-repeat:repeat-x;
}
#outils {
	position:absolute;
	top:-20px;
	right:0px;
	width:200px;
	height:20px;
}
#outils ul {
	margin:0px;
	padding:0px;
}
#outils ul li{
	display:inline;	
	padding:0px;
	margin-left:4px;
	margin-right:4px;
}

.titreh h1{
	font-size:12px;
	visibility:hidden;
}

.csc-header {
	background-image:url(images/puce-titre.png);
	background-repeat:no-repeat;
	background-position:0px 2px;	
	padding-left:30px;
}
.csc-header h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	margin-top:1em;
	margin-bottom:1em;
	color:#304FB1;
}
.contenu H1 { font-size:20px;}
.contenu H2 { font-size:16px;}
.contenu H3 { font-size:14px;}
.contenu H4 { font-size:12px;}
.contenu H5 { font-size:10px;}
.contenu H6 { font-size:8px;}

.contenu H1,.contenu H2,.contenu H3,.contenu H4,.contenu H5,.contenu H6 {
	margin:0px;
	margin-top:0.5em;
	margin-bottom:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#304FB1;
}

.contenu H1 A,.contenu H2 A,.contenu H3 A,.contenu H4 A,.contenu H5 A,.contenu H6 A{
	color:#069;
	text-decoration:none;
}
.contenu H1 A:hover,.contenu H2 A:hover,.contenu H3 A:hover,.contenu H4 A:hover,.contenu H5 A:hover,.contenu H6 A:hover{
	text-decoration:none;
	border-bottom:#069 1px dashed;
}

.contenu P {
	font-family:Arial, Helvetica, sans-serif;
	color:#304FB1;
	font-size:12px;
	line-height:1.5em;
	margin-top:1em;
	margin-bottom:1em;
}

.contenu A {
	color:#069;
	font-weight:bold;
	text-decoration:none;
}
.contenu A:hover {
	border-bottom:#CC2560 1px dotted;
}

.contenu ul {
	margin:0px;
	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:2em;
}
.contenu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#304FB1;
	list-style-type:none;
	#background-image:url(images/puce-no.png);
	#background-repeat:no-repeat;
	#background-position:left 0.5em;
	padding-left: 15px;
}
.contenu ul li a{
	color:#069;
}
.contenu ul li a:hover {
}

.contenu ol {
	margin:0px;
	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:2em;
}
.contenu ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#304FB1;
}
.contenu ol li a{
	color:#069;
}
.contenu ol li a:hover {
}

.menu-liens ul{
	margin:0px;
	padding:5px;
	margin-left: 20px;
}

.menu-liens ul li{
	margin:0px;
	padding:0px;
	background-image:url(images/puce-no.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left: 25px;
	line-height:20px;
}

table #certifie A {
	color:#FFF;
	text-decoration:underlined;
}	

table #certifie {
	margin-top:30px;
	border: #FFF 1px solid;
}
table #certifie tr th {
	font-family:Arial, Helvetica, sans-serif;
	color:#006;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFF;	
	border-bottom:#FFF 1px dotted;
}
table #certifie tr th span {
	line-height:40px;
}
table #certifie tr.pair td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#069;
	border-bottom:#FFF 1px dotted;
	border-left:#FFF 1px dotted;	
	padding-left:5px;
	padding-right:5px;	
}
table #certifie tr.impair td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#669;
	border-bottom:#FFF 1px dotted;	
	border-left:#FFF 1px dotted;
	padding-left:5px;
	padding-right:5px;	
}

table #liste A {
	color:#FFF;
	text-decoration:underlined;
}	

table #liste {
	border: #FFF 1px solid;
	margin-bottom:10px;
}
table #liste tr th {
	font-family:Arial, Helvetica, sans-serif;
	color:#006;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFF;	
	border-bottom:#FFF 1px dotted;
}
table #liste tr th span {
	line-height:40px;
}
table #liste tr.pair td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#069;
	border-bottom:#FFF 1px dotted;
	border-left:#FFF 1px dotted;	
	padding-left:5px;
	padding-right:5px;	
}
table #liste tr.impair td {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#669;
	border-bottom:#FFF 1px dotted;	
	border-left:#FFF 1px dotted;
	padding-left:5px;
	padding-right:5px;	
}

.date-maj {
	font-family:Arial, Helvetica, sans-serif;
	color:#669;
	font-size:10px;
	font-weight:bold;
	margin-left:10px;
}	
.cadre-liste-membres {
	text-align:center;
	float:left;
	border:#FFF 1px solid;
	width: 150px;
	height:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#036;
	margin-left:10px;
	margin-bottom:5px;
}
.ombre {
	margin:0 auto;
	background-image:url(images/ombre-portrait.png);
	margin-top:15px;
	margin-bottom:5px;	
	width:87px;
	height:120px;
	text-align:left;
}
.ombre .photo {
	position:absolute;
	top:10px;
	left:10px;
	width:67px;
	height:100px;
}
.cadre-liste-membres .college {
	color:#000;
}
.cadre-liste-membres .entreprise {
	font-weight:normal;
}
.cadre-liste-membres .pilote {
	font-weight:normal;
	font-size:10px;
}
.centexam {
	font-family:Arial, Helvetica, sans-serif;
	color:#006;
	font-size:12px;
	font-weight:bold;
	border:#FFF 1px solid;
	margin-top:10px;
}
#colonne-gauche .contenu ul.espres  {
	margin:0px;
	padding:0px;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:20px;	
}
#colonne-gauche .contenu ul.espres li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#304FB1;
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(images/ico-espres.png);
	background-repeat:no-repeat;
	padding-left:27px;
	background-position:0px 7px;
	line-height: 35px;
	
}
.ref {
	position:relative;
	top:0px;
	left:0px;	
}
.identification {
		overflow:hidden;
}
	
.identification div.bord-haut{
	width: 202px;
	height: 20px;
	background-image:url(images/identification.png);	
	margin-left:15px;	
	margin-top:10px;
}
.identification div.centre{
	width: 202px;
	height: 65px;
	background-attachment:scroll;
	background-image:url(images/identification.png);
	background-position:0px -20px;
	margin-left:15px;	
}
.identification div.login{
	position:absolute;
	top:35px;
	left:100px;
	height:20px;
	width:100px;
}
.identification div.login input.login {
	width:100px;
	border:solid 1px #304FB1;
	font-size:9px;
	background-color:transparent;
}
.identification div.password{
	position:absolute;
	top:54px;
	left:100px;
	height:20px;
	width:100px;
}
.identification div.password input.password {
	width:100px;
	border:solid 1px #304FB1;
	font-size:9px;
	background-color:transparent;
}
.identification div.valider{
	position:absolute;
	top:80px;
	right:20px;
}
.identification div.oubli{
	position:absolute;
	top:80px;
	right:75px;
}
.identification div.bord-bas{
	width: 202px;
	height: 8px;
	background-image:url(images/identification.png);
	background-position:bottom left;
	margin-left:15px;	
}
form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
/* Style sheet form */
label{
	font-weight:bold;  
	display: block;
	float: left;
	width: 240px;
	text-align:right;
}
.checkbox_container label,.radio_container label{font-weight:normal;}
input[type="text"],input[type="password"],textarea{padding:2px;background-color:#f9f9f9;border:1px solid #ccc;}
textarea{ }
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{background-color:#edf4fe;border-color:#094da5 !important;}
select{padding:1px;background-color:#f9f9f9;border:1px solid #ccc;}
input[type="radio"],x:-moz-any-link{top:2px;position:relative;}
legend{padding-right:6px;color:#094da5;}
p.confirm{font-size:16px;color:#090;}
p.error{margin-bottom:6px;font-weight:bold;font-size:1em;color:#f00;}
input[type="text"].error,input[type="password"].error,textarea.error{border-color:#ff8000 !important;background-color:#ffd;}
input.captcha{width:48px;margin-right:6px;}
span.captcha_text{font-weight:normal;color:#808080;}
*:first-child+html span.captcha_text{top:-3px;position:relative;}

/* button submit */
input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 150px;
	text-align:center;
}

input[type="submit"]:hover
{
	background-color: #66CC33;
	font-weight:bold;
	color:#FFFFFF;
	cursor: pointer;
}

input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

div.fields {
	overflow:hidden;
	display:block;
	border-bottom:dotted 1px #DDDDDD;
	margin-top:1px;
	margin-bottom:4px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #666666;
}
div.fields.grouper {
	border-bottom:none;
}

label
{
	display: block;
	width: 30%;
	float: left;
	clear: both;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #304FB1;
	padding-right: .5em;
}

label:hover
{
	font-weight: bold;
}

.form_label_nostyle
{
	background: none;
}
/* fieldset , legend */
fieldset
{
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
	border: #304FB1 1px solid;	
}

fieldset:hover
{
	background-color: #EEE;
}

fieldset legend
{
	margin-left:10px;
	font-size: 11px;
	font-style:italic;
	padding: 0.2em 0.5em;
	border:none;
	aborder: #304FB1 1px solid;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #304FB1;		
}


.err {
	color:red;
	font-size: 11px;	
	font-style:italic;
	margin-left:32%;
}

#hauteurmax {
	float:right;
	height:600px;
	width:1px;
}
.articles {
	overflow:hidden;
}
.centre-gauche {
	width:99%;
}