body
{
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bg.png) no-repeat bottom center;
}

img
{
border:0;
}

*
{
padding:0;
margin:0;
}

.contenu
{
width:1024px;
height:auto;
margin:19px  auto 0px;
clear: both;
}
.contenu .menu
{
float:right;
margin-top: 38px;
}

.contenu .menu ul
{
list-style:none;
float:right;
}


.contenu .menu ul li 
{
float:left;
padding:4px 10px;
}



.contenu .menu ul li a
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}

.contenu .menu ul li a:hover
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#99d7ec;
}


#header
{
height:108px;
border-bottom:2px solid #66b8dc;
}


#header img
{
padding-left:20px;
}


#footer
{
height:38px;
background-color:#0e72b5;
clear:both;
}

#footer img
{
padding: 4px 4px 0 20px;
}



#center
{
height:340px;
background-color:#ffffff;
border-bottom:11px solid #66b8dc;

}



#center h2
{
  color: #66B8DC;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    position: relative;
    text-transform: capitalize;
    top: -13px;
    z-index: 100000;
	  text-transform: uppercase;
}

.center h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#22639f;
}


.left
{
width:256px;
 float :left;
 padding-left:20px;
 padding-right:8px;
}
.col
{
width:190px;
 float :left;

}


.center
{
   float: left;
    padding-right: 15px;
    width: 458px;
}


.right
{
width:264px;
float :left;
}

.col1
{
width:402px;
float :left;
padding-left:20px;
padding-right:20px;
}
.col1 p
{


 font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.col2
{
width:570px;
float :left;
  margin-bottom: 13px;
   
}



.left p, .center p,.col2 p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-bottom:6px; 
 text-align: justify;
    padding-left: 20px;
}
.col1 p
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
padding-bottom:6px;

}

.left a, .center a 
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#7e7e7e;
float:right;
text-decoration:none;
padding-bottom:10px;
}



.left a:hover, .center a:hover
{
color:#22639F;
}
label
{
color:#66b8dc;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

input[type=text],input[type=email]
{
  background: url("../images/bg-input.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #A8A8A8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    height: 26px;
    padding-left: 6px;
    width: 307px;
}



input[type=submit]
{
  background: url("../images/bg-submit.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #66B8DC;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    width: 318px;
}

input[type=submit]:hover
{
    color: #184570;   
}

textarea
{
   background-color: #F0F0F0;
    border: 1px solid #B5B5B5;
    color: #A8A8A8;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 76px;
    padding: 5px;
    width: 308px;
}
.cd p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#010000;
}


.cd .div
{
border-bottom:2px solid #66b8dc;
}



.col2 ul 
{
padding-top: 5px;
padding-left: 25px;
}

.col2 ul li
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-image:url("../images/puce.png") ;
   list-style-position: inside;
}
.cd h3,.col2 h3
{
padding-top: 12px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#66b8dc;
font-weight:bold;
 padding-left: 22px;
}

.metier
{
    background: url("../images/bg-metierbottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 11px solid #66B8DC;
    clear: both;
    height: 80px;
    margin: 0 auto;
    width: 1024px;
}


.metier table
{
padding-top:18px;
}

.metier table .link
{
  background: url("../images/btn-metier.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width:239px;
  height:34px;
  font-family:arial;
  font-size:18px;
  color:white;
   text-align:center;
   padding:3px;
    font-weight: bold;
}

span
{
font-family:arial;
font-size:12px;
color:#66b8dc;
font-weight:bold;
}

h4
{
font-family:Arial;
font-size:13px;
color:#0e3083;
    text-transform: uppercase;
}
.rubrique0
{

}

.rubrique0 p
{
color:white;
font-family:Arial;
font-size:10px;
}
.rubrique0 ul
{
color:white;
}
.cmp
{
font-family:arial;
 font-size:12px;
 background:url(../images/bgr.PNG) repeat-y; 
 margin:0 auto;
 margin-top:12px;
}
.rubrique0 ul li
{
  color: #FFFFFF;
    list-style-type: square;
    margin-left: 14px;
}

.rubrique0 ul li a
{
color:white;
}

.lien
{
  color: #66b8dc;
    font-family: Arial;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
	
	}
	.lien:hover
{
  color: #153d63;
 
	}
	
	#upload {
    background: url("../images/bg-tele.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    height: 30px;
    width: 318px;
	}
	
	.success {
    background: url("../images/success.png") no-repeat scroll 10px center #EAF7D9;
    border: 1px solid #BBDF8D;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    padding: 5px 5px 8px 32px;
    width: 370px;
	display:block;    margin-top: 10px;}


.warning {
    background: url("../images/warning.png") no-repeat scroll 10px center #FFD1D1;
    border: 1px solid #F8ACAC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 5px 5px 8px 32px;
    width: 370px;
}