/* CSS Document */
*{
	/*font-family:Tahoma, Verdana, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	margin:0;
	padding:0;

}
body{
	background-repeat:no-repeat;
	bakground-position: 0 auto;
	/*background-color:#FFFFFF;*/
	background-image: url(../images/ml-body.png);
}
#conteneur{
	/*background-color:#ffffff;*/
	margin: 51px 0 0px 120px;
	width:778px;
	overflow:auto;
}
/*-----------------------------------HEADER--------------------------------------*/
#header{
	width:778px;
	height:282px;	
}
#header #contact{
	height:282px;
	width:479px;
	float:left;
}
/*#header #contact embed {
	margin-top:1px;
}*/

#header #bandeau img {
	margin:19px 0 0 0;
}
#header #bandeau object {
	margin:-20px 0 0 0;
}
#header #bandeau{
	height:200px;
	width:298px;
	float:left;
	font-size:80%;
	overflow:hidden;
}
#header #bandeau h1 {
	color:#00428C;
	font-size:22px;
	font-weight:100;
	margin-bottom:10px;
	margin-top:0px;
	}
#header #bandeau h2 {
	color:#C68CBD;
	font-size:20px;
	font-weight:100;
	margin-top:0px;
	margin-bottom:0;
	}
#header #bandeau h3 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	text-align:justify;	
	width:550px;
}
	
#header #bandeau p {
	margin-left:30px;
	margin-right:20px;
	margin-bottom:10px;
	text-align:justify;	
}
#header #bandeau a {
	color:#00428C;
}
/*-----------------------------------NAVIGATION-------------------------------*/
ul#navigation{
	background-color: #00428C;
	height:25px;
	width: 778px;
	list-style-type:none;
	
	}	
ul#navigation li{
	float:left;
	height:25px;
	line-height:25px;
	margin: 0px;
}		
ul#navigation li a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	text-transform:capitalize;
	display:block;
	height:25px;
	line-height:25px;
	padding:0 25px;
	float:left;
}	
ul#navigation li.selected a {
	/*background-color:#574D9E;*/
	background-image:url(../images/AE58AF-50.png);
}
ul#navigation li a:hover {
	background-image:url(../images/FFC1D9-76.png);
}
ul#navigation li.selected a:hover {
	/*background-image:none;*/
	background-image:url(../images/AE58AF-50.png);
}

/*------------------------------CONTENU---------------------------*/
#contenu{
	font-size:80%;
	height:auto;
	margin:  0;
	padding: 0;
	overflow:auto;
	width:778px;
	overflow:hidden;
	letter-spacing:0.08em;

}
/*------------------------------CONTENU COLONNES---------------------------*/
#contenu div.cols {
	height:auto;
	float:left;
}
/*------------------------------CONTENU 2 COLONNES---------------------------*/
#contenu div.col1-2 {
	background-color:#ffffff;
	/*background-color:#EEF5F9;*/
	width:557px;
	padding:0 5px;
}
#contenu div.col2-2 {
	width:211px;
}

/*------------------------------CONTENU 3 COLONNES---------------------------*/
#contenu div.troisColonnes {
	overflow:hidden;
	clear:both;
}
#contenu div.col1-3 {
	width:161px;
/*	background-image:url(../images/bandeauVertical-01.jpg);
	background-repeat:no-repeat;
	height:390px;
	min-height:390px;*/
}
#contenu div.col2-3 {
	background-color:#ffffff;
	/*background-color:#EEF5F9;*/
	width:396px;
/*	background-image:url(../images/bg-vocalis.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:440px;
	min-height:440px;*/
	padding:0 5px;
}
#contenu div.col3-3 {
	width:211px;
/*	background-image:url(../images/bandeauVerticalDroit-01.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:390px;
	min-height:390px;*/
}

/*------------------------------CONTENU DIVERS---------------------------*/
/*#contenu div.col2-3 h1 {
	font-size:28px;
	font-weight:normal;
	margin:.2em 5px 0 5px ;
}*/
#contenu h1 {
	color:#10238C;
	font-size:18px;
	font-weight:normal;
	margin:.2em 5px 0 5px ;
}
#contenu h2 {
	color:#9AB02C;
	font-size:16px;
	font-weight:normal;
	margin:.2em 5px 0 5px ;
}
#contenu h3 {
	font-size:12px;
	font-weight:bold;
	text-align:justify;	
	margin:.2em 5px 10px 5px ;
}
#contenu h4 {
	color:#0076B3;
	font-size:12px;
	font-weight:bold;
	margin:.2em 5px 0 5px ;
}	
#contenu h5 {
	font-size:10px;
	font-weight:normal;
	margin:.2em 5px 0 5px ;
}
#contenu p {
	margin:5px 5px 10px 5px ;
}
#contenu p.tinyText, #contenu p.tinyText span, #contenu p.tinyText a { /* utilisé dans la page contact Forçage à la main de la balise p du RTE */
	font-size:10px;
}
#contenu div.col1-2 ul {
	list-style-image: url(../images/flecheMauve.gif);
	margin-top:5px;
	margin-left:20px;
}


/*------------------------------------NAVIGATION 2------------------------------------------*/
ul#navigation2{
	float:left;	
	font-size: 0px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	text-align:right;
}
ul#navigation2{
	list-style-type:none;
	width:211px;	
	padding:0px;
	display: bloc;
	height:352px;
	}	
ul#navigation2 li{
	height:88px;
	width:211px;
	margin: 0px 0px 0 0px;
	padding: 0 0 0 0px;
	
}	
ul#navigation2 li a{
	display:block;
	border:none;
	text-decoration:none;
	height:88px;
	width:211px;
}
/* BOUTONS NON SELECTIONNES */
ul#navigation2 li#accueil a{
	background-image: url(../images/menu/btn-accueil.png);
}	
ul#navigation2 li#mailing a{
	background-image: url(../images/menu/btn-mailing.png);
}	
ul#navigation2 li#suiviWeb a{
	background-image: url(../images/menu/btn-marketing.png);
}	
ul#navigation2 li#emission a{
	background-image: url(../images/menu/btn-controle.png);
}	
/* BOUTONS SURVOLES */
ul#navigation2 li#accueil a:hover{
	background-image: url(../images/menu/btn-accueil-hover.png);
}	
ul#navigation2 li#mailing a:hover{
	background-image: url(../images/menu/btn-mailing-hover.png);
}	
ul#navigation2 li#suiviWeb a:hover{
	background-image: url(../images/menu/btn-marketing-hover.png);
}	
ul#navigation2 li#emission a:hover{
	background-image: url(../images/menu/btn-controle-hover.png);
}	
/* BOUTONS SELECTIONNES */
ul#navigation2 li#accueil a.selected, ul#navigation2 li#accueil a.selected:hover{
	background-image: url(../images/menu/btn-accueil-select.png);
}	
ul#navigation2 li#mailing a.selected, ul#navigation2 li#mailing a.selected:hover{
	background-image: url(../images/menu/btn-mailing-select.png);
}	
ul#navigation2 li#suiviWeb a.selected, ul#navigation2 li#suiviWeb a.selected:hover{
	background-image: url(../images/menu/btn-marketing-select.png);
}	
ul#navigation2 li#emission a.selected, ul#navigation2 li#emission a.selected:hover{
	background-image: url(../images/menu/btn-controle-select.png);
}	
/*-----------------------------------COPYRIGHT------------------------*/
#copyright {
	font-size:10px;
	height:20px;
	margin:0px 0 20px 285px;	
	text-align:left;
	width:750px;
}	
#copyright a{
	color:#00428C;
	text-decoration:none;
}	
#copyright a:hover{
	color:#C68CBD;
	text-decoration:none;
}
/*------------------------------------CONTACT------------------------------------------*/

fieldset {
	border:0;
	float:left;
}
form {
	font-size:12px;
	margin-top:0px;
}
form#mailform{
	width:400px;}
.contenttable contenttable-0 {
	font-size:12px;
}
select {
	font-size:12px;
}
.csc-mailform {
	clear:both;
	margin-top:5px;
	margin-left:0px;
	margin-right:10px;
}
.csc-mailform-field {
	padding-bottom:2px;
	margin-left:0px;
}
.csc-mailform-label {
	padding-top:8px;
}
label {
	display:block;
	float:left;
	
	margin-left:0px;
	clear:left;
/*	color:#000;*/
}
input {
	font-size:12px;
	width:250px;
}
input.powermail_submit {
	width:auto;
}
/* formulaire de contact Powermail */
form#contact input {
	width:auto;
}
form#contact legend {
	margin-bottom:5px;
}
form#contact fieldset.tx-powermail-pi1_fieldset_1 label {
	width:120px;
}
form#contact fieldset.tx-powermail-pi1_fieldset_2,form#contact fieldset.tx-powermail-pi1_fieldset_3,form#contact fieldset.tx-powermail-pi1_fieldset_4 {
	margin-top:5px;
	float:left;
}
form#contact fieldset.tx-powermail-pi1_fieldset_2 label,form#contact fieldset.tx-powermail-pi1_fieldset_3 label {
	float:right;
	margin-left:10px;
}
form#contact fieldset.tx-powermail-pi1_fieldset_2 input,form#contact fieldset.tx-powermail-pi1_fieldset_3 input {
	float:right;
	margin-left:20px;
}
form#contact label {
	width:150px;;
}
#tx-powermail-pi1_fieldset_1 legend,#tx-powermail-pi1_fieldset_4 legend {
	display:none;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	display:none;
}
.powermail_check_inner {
	overflow:auto;
}

/*-----------------------*/
textarea {
	font-size:12px;
	width:250px;
}
#mailformformtype_mail {
	margin-left:99px;
}