/* PAGES GENERAL */

/* couleurs */
/* bleu fonce :  4b799c */
/* bleu clair : CFD7DC  */
/* orange fonce :  FF6600 */
/* orange clair : FFB98B  */ 
/* gris clair new :  cfd6dc*/
/* gris fonce new :  4c4c4c*/
/* bleu fonce new :  0066ff */
/* bleu clair new : B9D5FF  */
/* orange fonce new :  FF6600 */
/* orange clair new : FF9954  */ 


body {
	background-image:url(http://www.crex.fr/elements/img/fond_final.jpg);	
	color: #000000;
	margin: 0px;
	padding: 0px ;

	scrollbar-base-color: #cfd6dc;
  	scrollbar-3dlight-color: #4c4c4c;
    scrollbar-arrow-color: #FF6600;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #cfd6dc;
    scrollbar-highlight-color: #4c4c4c;
    scrollbar-shadow-color: #FF6600;
    scrollbar-track-color: #cfd6dc;
}

/* CADRES*/
div.container {
   	width: 1002px;
	color: #ffffff;
}
div.left{
 	float: left;
	width: 244px;
	/*background-color: #B9D5FF ;*/
	background-color: #cfd6dc ;
	padding-left: 2px ;
	text-align: left ;
 }
div.toplog {
width: 243px;
padding : 0px ;
margin : 0px;
}
div.ssmenu {
width: 243px;
padding : 0px ;
margin : 0px;
}
div.bbaselin {
width: 239px;
/*padding : 40px 2px 10px 2px;*/
padding : 10px 2px 10px 2px;
margin : 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/*font-size:18px;*/
font-weight:bold;
font-style:italic;
color:#4e799b;
}

div.bbaselin2 {
padding : 40px 5px 10px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FF6600;
}

div.mid {
 	float: right ;
	width: 755px;
	margin:0px;	
	padding:0px;
	background-color: #fffffF;
	text-align: left ;
} 

div.midtop {
	width: 755px;
	margin:0px;
	padding: 0px;
	background-color: #fffffF;
} 

div.midmid {
	width: 755px;
	padding:0px;
	margin : 30px 0px ;
	background-color: #fffffF;
	text-align: left ;
}

div.midmidleft {
 	float: left ;
	width: 525px;
	margin:0px ; 
	padding : 0px 0px 0px 20px ;
	/*padding:0px ; 
	margin : 0px 45px;*/
	background-color: #fffffF;
	text-align: left ;
} 

div.midmidright {
 	float: right ;
	width: 170px;
	padding: 5px 20px 0px 20px;
	margin : 0px ;
} 

div.midmidrightbo {
	width: 170px;
	padding: 5px 0px;
	margin : 0px ;
	background-color: #FF822E;
	border-bottom: 1px solid #4c4c4c ;
	border-top: 1px solid #4c4c4c ;
	text-align: left ;
	text-indent:5px;
	color :#4c4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
} 

div.midbot {
	width:755px;
	margin:20px 0px;
	padding: 0px;
	background-color: #fffffF;
	text-align: left ;
} 	
div.midbotbo{
	width:715px;
	margin : 15px 20px 25px 20px;
/*	padding : 15px 20px 25px 20px;
	background-color: #fffffF;
	/*text-align: left ;*/
} 	

div.midbottxt{
 	float: left ;
	width: 535px;
	margin:0px ; 
	padding : 0px 0px 0px 20px ;
	background-color: #fffffF;
	text-align: left ;
} 	

div.midbotimg{
 	float: right ;
	width: 170px;
	margin:3px 20px 0px 20px ;
	padding : 0px;
	background-color: #fffffF;
} 	
div.midbottxt1{
 	float: left ;
	width: 480px;
	margin:0px ;
	font: 10pt verdana;
	text-align: justify ;
	padding : 0px 0px 0px 15px ;
	background-color: #fffffF;
	color: #000000;
} 	

div.midbotimg1{
 	float: right ;
	width: 202px;
	padding:3px 0px 0px 0px ;
	margin : 0px;
	background-color: #fffffF;
} 	
div.midbottxt2{
 	float: right ;
	width: 376px;
	margin:0px ;
	font: 10pt verdana;
	text-align: justify ;
	padding : 0px 20px 0px 5px ;
	background-color: #fffffF;
	color: #000000;
} 	

div.midbotimg2{
 	float: left ;
	width: 306px;
	padding:3px 0px 0px 0px ;
	margin : 0px;
	background-color: #fffffF;
} 	

div.midtit1{
    background-image: url(http://www.crex.fr/elements/img/puces/puce_fleche.gif); 
    background-repeat: no-repeat;
	background-position: center left;
	color :#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:bold;
	padding : 5px 40px;
}

div.midtext1{
	color :#0066ff;
	font: 10pt verdana;
	padding : 15px 0px;
	text-indent:40px;
	text-align:justify;
}

div.spacer {
 	background-color: #fffffF;
	clear: both;
}
/*ONGLET */
#navlist {
border-bottom: 1px solid #4c4c4c;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
cursor: default;
}

#navlist ul, #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
cursor: default;
}

#navlist a:link, #navlist a:visited {
background: #ffffff;
border: 1px solid #4c4c4c;
color: #7A909E;
float: left;
font-size: small;
cursor: default;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
font: 9pt verdana;
font-weight: bold;
}

#navlist a:link#current, #navlist a:visited#current {
background: #ffffff;
border-bottom: 1px solid #ffffff;
color: #000;
cursor: default;
}


/* pages contact */
.contact_cont_all {
   	width: 515;
/*   	width: 735px;
	background-color: #CFD7DC;*/
	color: #000000;
}

.contact_cont_left {
 	float: left;
/*   	width: 355px;*/
	width: 245px;
	text-align: left ;
	padding-left: 10px ;
/*	background-color: #CFD7DC ;
	border: 1px dashed #7A909E;*/
 }
 
.contact_cont_right {
 	float: right;
/*   	width: 355px;*/
	width: 245px;
	text-align: left ;
	padding-left: 10px ;
/*	background-color: #CFD7DC ;
	border: 1px dashed #7A909E;*/
 }
 
.contact_row  {
 	float: left;
/*   	width: 346px;*/
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	padding : 5px 0px  0px  0px ;
 }

/* .contact_pic {
 	float: right;
	width: 84px;
	padding : 5px ;
 }*/

/* FORMULAIRES*/
.formcontentadm {
	 width:715px; 
	 background-color: #cfd6dc; 
	 border: 1px solid #4c4c4c; 
	 padding: 10px 20px ; 
}
.formcontent {
	 width:675px; 
	 background-color: #cfd6dc; 
	 border: 1px solid #4c4c4c; 
	 padding: 10px 20px ; 
}
.formcontent2 {
	 width:475px; 
	 background-color: #cfd6dc; 
	 border: 1px solid #4c4c4c; 
	 padding: 10px 10px ; 
}
div.row {
 	clear: both;
	padding-top:2px;
 }
div.row span.label {
 	float: left;
 	width: 160px;
	padding: 0px 0px 0px 10px ; 
 	text-align: left;
	font: 10pt verdana;
	font-style: normal;
	color: #000000;
 }
div.row span.forma {
 	float: right;
 	width:485px;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
 }
div.row span.formaa {
 	float: right;
 	width:275px;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
 }
div.row span.formt {
 	float: right;
	width:690px;
	padding: 0px 20px 10px 50px ; 
 	text-align: right;
	font: 10pt verdana;
	font-style: normal;
	color: #000000;
 }
div.row span.formw {
 	float: left;
 	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
 }

div.rowm {
	width:680px;
 	clear: both;
	padding: 20px 5px ;
}
span.resrqtnok {
/* 	float: left;
 	width: 550px;*/
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #FF2400;
 }
span.resrqtok {
/* 	float: left;
 	width: 550px;*/
 	text-align: left;
	font: 10pt verdana;
	font-style: normal;
	color: #005AFF;
 }
div.row span.labelbx {
 	float: left;
 	width: 450px;
	padding: 0px 0px 0px 35px;
 	text-align: left;
	font: 10pt verdana;
	font-style:normal ;
	font-weight:bold;
	text-decoration: underline;
	color: #FF6600;
 }
 
div.row span.form_text {
 	width: 425px;
 	text-align: right;
	font: 10pt verdana;
	font-style: normal;
	color: #000000;
 }
 
div.rowm span.form_textpt {
 	width: 665px;
 	text-align: justify;
	font: 8pt verdana;
	font-style: normal;
	color: #000000;
 }
 
a.ptit_lnk { 
	text-decoration: none;
	font: 10pt verdana;
	text-align: justify ;
	color: #000000;
} 
a.ptit_lnk:hover { 
	text-decoration: none;
	font: 10pt verdana;
	text-align: justify ;
	color: #0066ff;
}  
hr {
 	float: left;
	width: 500px; 
	border: 1px solid #0066ff; 
	padding:0px 20px;
}

hr1 {
 	float: left;
	width:120px; 
	border: 1px solid #0066ff; 
	padding:0px 20px;
}

div.row span.labelt {
 	float: left;
 	width: 80px;
 	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
 }

div.row span.formt {
 	float: left;
 	width: 235px;
 	text-align: left;
	font: 10pt verdana;
	font-style: normal;
	padding-left: 15px;
	color: #000000;
 }
 
select.formwp {
	float: right;
 	text-align: left;
	font: 6pt verdana;
	font-style: normal;
	padding-left: 5px;
 }
 
.champ1{
	border: 2px solid #0066ff;
	color: #7991A0;
	background-color: #B9D5FF ;
	left: auto;
}
.champ{
	border: 2px solid #0066ff;
	color: #7991A0;
	background-color: #B9D5FF ;
	left: auto;
}
.boutons {
	font: 8pt verdana;
	font-weight: bold;
	font-variant: normal;
	background-color : #cfd6dc;
	color: #FF6600;
	text-align: center;
	vertical-align: middle;
}

select.myselect  {
    margin-bottom: 3px;
    color: black;
    background-color: white;
}

/* ///////////////////////////////////////////////////  
.login-block {
    float:left;
    margin:0px 0px 50px 26px;
    text-align:left;
    width:185px;
	height:40px;
	font: 10px /1em verdana,serif;
}
.login-block form {
    border-radius:15px 15px 15px 15px;
    box-shadow:0 0 10px #333333;
    border:2px solid white;
    padding:0px 0px 5px 0px;
}
.login-block .active-form {
    border-color:#d09e6d;
}
.login-block .active-form {
    border-color:#d09e6d;
}
*/
/* ///////////////////////////////////////////////////   */
#sign_box
{
font: 10px /1em verdana,serif;
color: #000000;
width:185px;
background-color:#fff;
border:solid 1px #5ea0c1;
padding:8px;
margin:8px;
position:absolute;
display:none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow:0 0 10px #333333;
-webkit-box-shadow:0 0 10px #333333;
}
.sign_in
{
font: 11px verdana,serif;
color: #000000;
border:none;
padding:6px;
margin:6px;
}
/*
#main
{
height:500px;
}
///////////////////////////////////////////////////   */

/* TEXTES */
.mid_tit {
    background-image: url(http://www.crex.fr/elements/img/puces/puce_titre.gif);
    background-repeat: no-repeat;
	padding-left: 25px;
	vertical-align:middle ;
	
	font: 12pt verdana;
	font-weight: bold;
	text-align: left;
	background-color : #FFFFFF;
	color : #4c4c4c;
} 

.mid_titadm {
    background-image: url(http://www.2amq-ensam.com/elements/images/icones/fl_rge.jpg);
    background-repeat: no-repeat;
	padding-left: 25px;
	vertical-align: baseline ;
	font: 12pt verdana;
	font-weight: bold;
	text-align: left;
	background-color : #FFFFFF;
	color : #8E2021;
} 

.mid_text {
 	float: left;
	/*width:695px;*/
	padding: 25px 15px 0px 25px ;
	font: 10pt verdana;
	text-align: justify ;
	background-color: #FFFFFF;
	color: #000000;
}
.mid_text_img {
 	float: right;
	padding: 0px 0px 15px 15px ;
}

.mid_ptitext {
	font: 8pt verdana;
	text-align: left ;
	background-color: #7A909E;
	color: #8BB9FF;
}
span.mid_ptitext2 {
	font: 8pt verdana;
	text-align: left ;
	background-color: #CFD7DC;
	color: #FF6600;
}
span.mid_ptitext3 {
	font: 8pt verdana ;
	font-style:italic ;
	text-align: left ;
	background-color: #CFD7DC;
	color: #4b799c;
}
.mid_ptitexthmp {
	font: 8pt verdana;
	text-align:center;
	background-color: #B9D5FF;
	color: #7A909E;
}

.tab_tit {
	font: 8pt verdana;
	font-weight: bold;
	text-align:center ;
	background-color : #cfd6dc;
	color: #FF6600;
}
.tab_titadm {
	font: 8pt verdana;
	font-weight: bold;
	text-align:center;
	background-color : #cfd6dc;
	color: #FF6600;
}

.tab_txt {
	font: 8pt verdana;
	text-align: left ;
	color: #000000;
}
.tab_txtc {
	font: 8pt verdana;
	text-align:center;
	color: #000000;
}

.space_pub {
	font: 7pt verdana;
	text-align: left ;
	background-color: #FFFFFF;
	color: #000000;
}
.tab_txt_rb {
	font: 8pt verdana;
	font-weight: bold;
	text-align: left ;
	background-color: #FFFFFF;
	color: #8E2021;
}
a.ptit_lnk3 { 
	text-decoration: none;
	font: 8pt verdana;
	text-align: left ;
	background-color: #ffffff;
	color: #000000;
} 

a.ptit_lnk3:hover { 
	text-decoration: none;
	font: 8pt verdana;
	text-align: left ;
	background-color: #ffffff;
	color: #8E2021;
} 
a.lnk3 { 
	text-decoration: none;
	font: 10pt verdana;
	text-align: left ;
	background-color: #ffffff;
	color: #000000;
} 

a.lnk3:hover { 
	text-decoration: none;
	font: 10pt verdana;
	text-align: left ;
	background-color: #ffffff;
	color: #8E2021;
}