/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

/************************************************** 
*Center le tout  Verticalement et horizontallement*
**************************************************/


body {
background-image:url('images/bg_grad.gif');
background-repeat:repeat-x;
background-color:#f0eeee;
text-align:center;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8b8b8b;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 590px;
}
#inner {
width: 840px;
height: 590px;
text-align: center;
margin-left:auto;
margin-right:auto;
}



#conteneur {
text-align:left;
width:840px;
height:590px;
background-image:url('images/bg.jpg');
}

#logo {
padding-top:45px;
padding-left:55px;
}



/************************************************** 
					*Menu*
**************************************************/

#menu {
padding-left:445px;
padding-top:25px;

}

ul#menuit {
margin:0px;
list-style-type: none;
width: 100%; /* précision pour Opera */
}

ul#menuit li {
margin:0px;
float: left;
}

ul#menuit a {
float: left;
margin: 0px 10px 0px 10px;
text-align: center;
text-decoration: none;
color:#014b93;
}

ul#menuit a:hover {
color:#457bb0;
text-decoration:none;
}

#sel{
background-image:url('images/selected.png');
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
height:20px;

}
.menuselected {
background-image:url('images/selected.png');
background-position:bottom;
background-repeat:no-repeat;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#014b93;
text-decoration:none;
}




#separator{
text-align:center;
}

/************************************************** 
				*Contenu Gauche *
**************************************************/

#leftrow{
padding:10px 0px 0px 65px;
width:220px;
float:left;
}



#protegez {
background-image:url('images/bg_protegez.png');
background-repeat:no-repeat;
background-position:top;
width:203px;
height:73px;
margin-bottom:5px;
cursor:pointer;
}
#protegez:hover {
background-image:url('images/bg_protegezhover.png');
background-repeat:no-repeat;
width:203px;
height:73px;
margin-bottom:5px;
cursor:pointer;
}

#protegezsel {
background-image:url('images/bg_protegezsel.png');
background-repeat:no-repeat;
width:203px;
height:73px;
margin-bottom:5px;
cursor:pointer;

}

#icra {
background-image:url('images/bg_icra.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#icra:hover {
background-image:url('images/bg_icrahover.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#icrasel {
background-image:url('images/bg_icrasel.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}

#usc {
background-image:url('images/bg_usc.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#usc:hover {
background-image:url('images/bg_uschover.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#uscsel {
background-image:url('images/bg_uscsel.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#iddn {
background-image:url('images/bg_iddn.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#iddn:hover {
background-image:url('images/bg_iddnhover.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#iddnsel {
background-image:url('images/bg_iddnsel.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#md {
background-image:url('images/bg_md.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#md:hover {
background-image:url('images/bg_mdhover.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
#mdsel {
background-image:url('images/bg_mdsel.png');
background-repeat:no-repeat;
width:203px;
height:73px;
padding-bottom:5px;
cursor:pointer;

}
.txta{
padding-top:22px;
padding-left:7px;
text-align:left;
width:145px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#5f5f5f;
}

.txtb{
padding-top:35px;
padding-left:7px;
text-align:left;
width:155px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#5f5f5f;

}

.laquo {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#11579a;
text-decoration:none;
}


/************************************************** 
				*Contenu Droite *
**************************************************/
#rightrow {
padding:10px 0px 0px 0px;
width:550px;
float:right;
}
.par1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#325376;
text-indent:20px;
text-align:justify;
padding-right:70px;
}

.texte {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#325376;
text-align:justify;
padding-right:70px;
}

a.texte {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#014b93;
}

a.texte:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#3f75a9;
}
#infobox{ 
text-align:center;
background-color:#ffffff;
border:1px solid #e4e4e4;
width: 478px;
padding-top:15px;
padding-bottom:15px;
}
.mentel {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#014b93;
}
.infos {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#325376;
}

.mdtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#325376;
}
.md{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#014b93;
}
.contact {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#325376;
text-align:justify;
}
.succes {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#006600;
}