body{
	color:#000001;
	font-family:arial;
	font-size:12px;
	background-color:#FFFFFF;
	}

.Style1 {font-family:arial;font-size: 18px}
.Style2 {font-family:arial;font-size: 14px}
.Style4 {font-family:arial;font-size: 26px}
.Style5 {
	font-family:arial;
	font-size: 16px;
	color: #000099;
}

.image{
	width:237px;
	height:65px;
	background-image:url(images/mini_contact.JPG);
	cursor:pointer;
}
/*------------------------------------------------------ banniere ---------------------------------------------------------------*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
text-decoration:none;
border:0;
}

#menu {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	width: 800px; /* correction pour Opera */
	padding:0;
	margin:0;
	text-decoration:none;
	border:0;
	display:block;
	left: 1px;
	top: 120px;
}
#menu dl {
float: left;
width: 114px;
}
#menu dt {
cursor: pointer;
text-align: center;
height:25px;
font-weight: bold;
border: px solid gray;
background-image:url(images/bouton_fond.png);
width:114px;
font-size:12px;
line-height:25px;
color:#000000;
margin: 0;
padding: 0;
}


#menu dd {
	display: none;
	border: 1px solid gray;
}
.li_sur_une_ligne{
	text-align: center;
	background: #fff;
	height:21px;
	line-height:21px;
	padding-left:1px;
}

.li_sur_deux_ligne{
	text-align: center;
	background: #fff;
	height:42px;
	line-height:21px;
	padding-left:1px;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-size:12px;
}

#menu ul a{
	background-color: #F4F4F4;
}

#menu dt a:hover{
background: url(images/bouton_fond_clik.png);
}

.li_sur_une_ligne a:hover{
background: url(images/bouton_fond_clik_li.png);
}

.li_sur_deux_ligne a:hover{
background: url(images/bouton_fond_clik_li_sur_deux_lignes.png);
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}


/*-----------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	width:800px;
	height:145px;
	position:relative;
	display:block;
}

.separation{
	height:20px;
	width:800px;
	clear:both;
}

.page{
	height:20px;
	width:800px;
	background-color:#FFFFFF;
	font-size:12px;
}

.div_sommaire{

	clear:both;
	width:796px;
	height:349px;
	z-index:23;
	left: 218px;
	top: 677px;
	display:inline;
	
}

/*----------------------------------------------------------------  sommaire  ------------------------------------------------------*/

#conteneur_sommaire{
	clear:both;
	width:800px;
}

#dt1{
	width:198px;
	height:21px;
	cursor: pointer;
	font-weight:bolder;
	line-height:21px;
	text-align:center;
	list-style-type: none;	
	background-image: url(images/bouton_sommaire.png);
	float: left;
	margin-right:2px;
	font-size:14px;
}

#dt2,#dt3{
	width:198px;
	height:21px;
	cursor: pointer;
	background: url(images/entete_sommaire.png);
	float: left;
	font-size:14px;
	font-weight:bolder;
	line-height:21px;
	text-align:center;
	list-style-type: none;
	margin-right: 2px;
}

#dt4{
	width:198px;
	height:21px;
	cursor: pointer;
	background: url(images/entete_sommaire.png);
	float: left;
	font-size:14px;
	font-weight:bolder;
	line-height:21px;
	text-align:center;
	list-style-type: none;
	margin-right: Opx;
}




#conteneur_sommaire li a, #dt1 a {
	clear:both;
	text-decoration: none;
	cursor: pointer;
	display: block;
	font-size:14px;
	font-weight:bolder;
	color: #000000;
}

#conteneur_sommaire li a, #dt2 a, #dt3 a, #dt4 a {
	text-decoration: none;
	display: block;
	font-size:14px;
	font-weight:bolder;
	color:#000000;
}

.contour_sommaire{
	clear:both;
	width:796px;
	height:300px;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-color:#2F4373;
	background-color:#FFFFFF;
	font-size:14px;
	float:left;
	
}

#id_coutour_sommaire{
	height:300px;
	margin-left: 0px;
}

.conteneur_sommaire a{
	text-decoration:none;
	color:#FFFFFF;	
}

.pied_de_page_sommaire{
	clear:both;
	width:800px;
	height:14px;
	background-image:url(images/piedcadre_sommaire.png);
	background-repeat:no-repeat;
}

/*----------------------------------------------------------------  gif ------------------------------------------------------*/

.image_gif{
	width:800px;
	height:476px;
	
	/*float:right;*/
}

.conteneur_encv6_semainaire{
	display:block;
}

.encv6{
	cursor: pointer;
	width:304px;
	float: left;
	/*margin-top:150px;*/
	margin-top:50px;
	height: auto;
	background-color:#4D67A2;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-top: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}
.encv6 a{
	text-decoration:none;
	color: #FFFFFF;	
}

.seminaire{
	cursor: pointer;
	width:304px;
	float: left;
	/*margin-top:150px;*/
	
	height:150px;
	background-color: #FFFFFF;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-top: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}

#origine {
	position:absolute;
	width:20px;
	height:23px;
	z-index:1;
	left: 990px;
	top: 635px;
}

.div_video{
	width:240px;
	float:right;
	margin-left:0px;
}
.entete_div_video{
	background-image: url(images/entete_div_video.png);
	height:21px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:16px;
	line-height:21px;
	text-align:center;
}
	
.piedcadre_demo_en_ligne{
	background-image: url(images/piedcadre_div_milieu.png);
	height:15px;
	}
	
.entete_div_milieu{
	background-image: url(images/entete_div_milieu.png);
	height:21px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:16px;
	line-height:21px;
	text-align:center;	
}
/*---------------------------------------------------------------- contenu cadres sommaires  ------------------------------------------------------*/

#menu1 {
	clear:both;
	position: relative;
	width:788px;
	height:282px;
	font-size:12px;
}

#menu2 {
	position: relative;
	width:788px;
	height:294px;
	margin-top:-250px;
	visibility:hidden;
	font-size:12px;
}

#menu2 ul,#menu3 ul,#menu4 ul{
	margin-left:30px;
	text-align:left;
	font-size:12px;
}

#menu2 li,#menu3 li,#menu4 li{
	display : list-item;
	list-style-type: disc;
	list-style-position: outside;
	font-size:12px;
	line-height:20px;
}

.menu2_div_marge{
	color: #000000;
	margin-left:30px;
	margin-right:30px;
	}

#menu3{
	position: relative;
	width:788px;
	height:294px;
	margin-top:-325px;
	visibility:hidden;	
	font-size:12px;
}

#menu4{
	position: relative;
	width:788px;
	height:294px;
	margin-top:-280px;
	visibility:hidden;
	font-size:12px;
	line-height: 120%;
}
#conteneur_div_menu_absolu{
	width:788px;
	height:294px;
}
/*-------------------------------------------------------------- divs milieu de page  ------------------------------------------------------*/
.divs_milieu_page{
	width:800px;
	height:320px;
	display:inline;
	clear:both;
}
.div_milieu{
	width: auto;
	height:inherit;
	float:left;
	
}
.div_actualite{
	
	width: 375px;
	height:inherit;
	float: right;
}


.div_actualite a:hover{
	overflow:hidden;
}

.conteneur{
	width:100%;
	height:100%;
	clear:both;
}
.hautgauche, .hautdroit
{
width: 21px;
height:100%;
background-repeat: no-repeat;
}
.hautgauche
{
background-image:url(images/coin_gauche.png);
list-style: none;
float: left;
height:auto;

}
.centre{
clear:both;
	background-image:url(images/centre.png);
	height:21px;
	color:#FFFFFF;
	font-weight:bolder;
	line-height:21px;
	text-align:center;
	font-size:14px;
}
.hautdroit
{
background-image:url(images/coin_droit.png);
list-style: none;
float:right;
height:auto;
}
.pied_centre{
	background-image:url(images/pied_centre.png);
	height:15px
}
.pied_droit, .pied_gauche /* Propriétés communes aux quatre coins de notre arrondi */
{
width: 21px;
height:auto;
background-repeat: no-repeat;
}

.pied_droit{
	background-image:url(images/pied_droit.png);
	list-style: none;
	float:right;
}

.pied_gauche{
	background-image:url(images/pied_gauche.png);
	list-style: none;
	float: left;
}

.contenu{
	height:284px;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-color:#2F4373;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	margin-left:0px;
	margin-right:0px;
	width: auto;
}
.contenu a{
	text-decoration:none;
	font-size:12px;
}



.scroll {
	width: 360px; 
	height: 270px;
	overflow: visible;
	color:#000001;
}

.center_article
{
    width: 100%;
 	height: 280px;
	overflow: auto;
	text-align:left;
	
}


#Layer15{
	width:375px;
	height:100%;
	list-style: none;
	float:left;
}

#Layer16{
	width:229px;
	height:275px;
	
}

#Layer28{
	
	width:auto;
	height:100%;
}

#div{
	height:70px;
	text-decoration:none;
}

#div a{
	text-decoration:none;
	color:#FF0000;
}


.gif_milieu{
	height:70px;
}
/*-------------------------------------------------------------- divs bas de page  ------------------------------------------------------*/
#image {
	
	width:321px;
	height:336px;
	z-index:25;
	left: -1px;
	top: 1px;
}

.divs_bas_page{
	width:800px;
	height:300px;
	display:inline;
	
}
.div_bas{
	
	width:30%;
	height:300px;
	float:left;
	
}
.div_france{
	clear:both;
	width:319px;
	height:300px;
	float:left;
	position:relative;
	clear:both;
}

.entete_div_carte{
	background-image: url(images/entete_div_carte.png);
	color:#FFFFFF;
	font-weight:bolder;
	font-size:16px;
	line-height:21px;
	text-align:center;	
}

#Layer29 {
	width:200px;
	height:218px;
}

.footer{
	clear:both;
	width:800px;
	height:40px;
	color:#000001;
	font-size:12px;
	
}
footer a{
	text-decoration:none;
	padding:0;
}


/*-------------------------------------------------------------- produit.php  ------------------------------------------------------*/
.produit_entete{
	margin-top:30px;
	width:638px;
	height:36px;
	background-image: url(images/entete_produits.png);
	color:#FFFFFF;
	font-weight:bolder;
	font-size:16px;
	line-height:21px;
	text-align:center;	
}

.contour_produit{
	height:300px;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-color:#2F4373;
	background-color:#FFFFFF;
	font-size:14px;
	font-family:inherit;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
}

.bas_de_cadre_produit{
	width:638px;
	height:15px;
	background-image: url(images/piedcadre_produits.png);
	background-repeat:no-repeat;
}
.conteneur_produit{
	width:317px;
	float:left;
	height:300px;
	font-size:13px;
	font-family:inherit;
	color:#000001;
	font-weight:normal;
}

.conteneur_produit li{
	font-style:normal;
}
.conteneur_image{
	width:316px;
	float: right;
	height:300px;
}
.img_produit{
	margin-top:20px;
}

.produit{
	width:640px;
}
/*-------------------------------------------------------------- video.php  ------------------------------------------------------*/
.div_conteneur_video{
	width:800px;
	height:250px;
	display:inline;
	clear:both;
}

.div_video{
	width:240px;
	height:213px;
	float:left;
	
}
.div_videos{
	width:228px;
	margin-left:15px;
	margin-right:15px;
	border-bottom: 1px  solid #2F4373;
	float:left;
}

.entete_petites_videos{
	background-image: url(images/entete_div_petites_videos.png);
	color:#FFFFFF;
	font-weight:bolder;
	font-size:14px;
	line-height:21px;
	text-align:center;
}

.contenu_video{
	height:100%;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-color:#2F4373;
	background-color:#FFFFFF;
	font-size:14px;
}

#video1,#video2{
	
	display:none;
}
	
/*-------------------------------------------------------------- presse.php  ------------------------------------------------------*/
.tableau{
	font-size:12px;
}

.contour_tableau{
	padding: 0px;
	border: 1px solid #ddd;
	font-size:12px
	margin-bottom: 15px;
	
}

/*-------------------------------------------------------------- apropos.php  ------------------------------------------------------*/



.cadre_default_800{
	width:800px;
}

.entete_defaut_800{
	margin-top:30px;
	width:798px;
	height:36px;
	background-image: url(images/entete_defaut_800.png);
	color:#FFFFFF;
	font-weight:bolder;
	font-size:16px;
	line-height:21px;
	text-align:center;	
}
.contour_defaut_800{
	clear:both;
	font-size:12px;
	height: auto;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	/*border-bottom: 1px  solid #2F4373;*/
	border-color:#2F4373;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:inherit;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 1px;
	margin-right: 1px;
	width: auto;
}

.piedcadre_800{
	width:798px;
	height:15px;
	background-image:url(images/piedcadre_800.png);
}

#formulaire_demo{
	width:375px;
	height:300px;
}

.gestion_compte{
	width:330px;
	height:300px;
}
.tableau_gestion_cpt{
	font-size:12px;
	border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
	margin-left:50px;
}

.tableau_gestion_cpt td{
	padding-left:20px;
}

.div_gestion_cpt{
	width:468px;
	text-align:center;
}

.tableau_gestion_cpt td{
	text-align: left;
}


.saisie_num_client_msg_erreur{
	width:350px;
	height:30px;
	color: #FF0000;
	text-align:center;
	line-height:30px;
	font-size:12px;
	border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}

.download_cadre_coordonnées{
	
	border:solid 1px solid #2F4373;
	border-style: dotted;
}

.cadre_contact{
	width:220px;
	height:37px;
	border:solid 1px solid #2F4373;
}
.contact_div{
	
	width:190px;
	
	
}
.contact_div_table{
	font-size:12px;
	color:#000000;
	}
.contenu_cadre_gestion_compte{
	clear:both;
	height: 3OOpx;
	color:#000001;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;*/
	border-color:#2F4373;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:inherit;
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
	
	}
	
.gestion_compte_cadre_bas{
	height:40px;
	clear:both;
	position:relative;
}


/*-------------------------------------------------------------- confirmation_formulaire.php  ------------------------------------------------------*/

#confirmation_form{
	width:400px;
	height:200px;
}
/*-------------------------------------------------------------- actualités.php  ------------------------------------------------------*/

.size12 {color: #000099; font-size: 12px; }

/*-------------------------------------------------------------- download_suite.php  ------------------------------------------------------*/

.download_suite_tableau{
	font-size:12px;
	border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}

.tableau_download_cust{
	font-size:12px;
	border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
	margin-left:200px;
}
.div_download_cust{
	background-color:#FF0000;
	width:330px;
	text-align:center;
}


/*------------------------------------------------------ seminaire.php ---------------------------------------------------------------*/

.message{
	width:80%;
	height:90px;
	line-height:20px;
	font-size:12px;
	color:#000000;
	border-top: 1px  dashed #2F4373;
	border-left: 1px dashed #2F4373;
	border-right: 1px  dashed #2F4373;
	border-bottom: 1px  dashed #2F4373;
}

.message span{
	color:#FF0000
}

.cadre_presentation_seminaire{
	width:80%;
	height: auto;
	font-size:12px;
	color:#000000;
	border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}

.message_erreur{
	
	width:50%;
	height:40px;
	line-height:40px;
	font-size:12px;
	color: #FF0000;
	border-top: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-right: 1px  solid #FF0000;
	border-bottom: 1px  solid #FF0000;
	text-align:center;
}

.envoi_mail{
	text-align: left;
	height:16px;
	line-height:16px;
}

.envoi_mail img a{
	color:#000000;
}

.envoi_mail_txt a{
	color:#000000;
}

.conteneur_envoi_mail{
	display:inline;
}
/*------------------------------------------------------ form_seminaire.php ---------------------------------------------------------------*/

#opt1{
	visibility:hidden;
	text-align:center;
	
}
#opt2{
	visibility:hidden;
	text-align:center;
	
}

#opt3{
	visibility:hidden;
	text-align:center;
	
}

#opt4{
	visibility:hidden;
	text-align:center;
	
}


.nrb_personne{
	visibility:hidden;	
	text-decoration:none;
}
#div_1{
	display:none;
}

.tableau_formulaire{
	background-color: #2F4373;
	color:#FFFFFF;
	text-align:center;
}

.tableau_td1{
	text-align:center;
}
.cadre_formulaire{
	width:80%;
border-top: 1px solid #2F4373;
	border-left: 1px solid #2F4373;
	border-right: 1px  solid #2F4373;
	border-bottom: 1px  solid #2F4373;
}

/*------------------------------------------------------ envoi_mail.php ---------------------------------------------------------------*/

.table_informations_mail{
	font-size:12px;
}

.table_informations_mail td{
	height:16px;	
	}

.table_informations_mail input{
	font-size:12px;
	height:16px;
	float:right;
}

.message_envoyer_a_un_ami{
	width:50%;
	height:50px;
	line-height:50px;
	font-size:12px;
	color:#000000;
	border-top: 1px  dashed #2F4373;
	border-left: 1px dashed #2F4373;
	border-right: 1px  dashed #2F4373;
	border-bottom: 1px  dashed #2F4373;
}

/*------------------------------------------------------ contact.php ---------------------------------------------------------------*/

.texte {
	float : left;
	margin-left : -200px;
}

#msg_error {
	color: red;
}


/*------------------------------------------------------ AddComment.php ---------------------------------------------------------------*/

.image_comment{
	float : left;
	margin-left : -100px;
}

.texte_comment {
	float : left;
	margin-left : -300px;
}


/*------------------------------------------------------ liste_utilisations.php ---------------------------------------------------------------*/

.lst_longue {
	width : 80px;
}

.lst_courte {
	width : 45px;
}

.lst_moy {
	width : 65px;
}

#bloc_affichage {
	width : 290px;
	height : 180px;
	float : left;
}

#affichage {
	float : left;
	padding : 8px;
	margin-left : 10px;
	width : 280px;
	height : 20px;
}

#affichage_annee {
	border : 1px solid #363C3B;
	float : left;
	padding : 8px;
	margin-left : -298px;
	margin-top : 50px;
	width : 280px;
	height : 20px;
}

#affichage_mois {
	border : 1px solid #363C3B;
	float : left;
	padding : 8px;
	margin-left : -298px;
	margin-top : 100px;
	width : 280px;
	height : 20px;
}

#affichage_dates {
	border : 1px solid #363C3B;
	float : left;
	padding : 8px;
	margin-left : -298px;
	margin-top : 150px;
	width : 280px;
	height : 65px;
}		

#date2 {
	margin-top : 5px;
	margin-left : 45px;
}

#bouton_date {
	margin-top : 7px;
	margin-left : -40px;
}

#bloc_droit {
	height : 50px;
}

#bloc_droit_2 {
	height : 240px;
	overflow : auto;
	margin-left : 305px;
}

.saisie_compte_div_error{
	color:#FF0000;
	width:400px;
	height:40px;
	border-bottom:1px solid  #FF0000;
	border-right:1px solid #FF0000;
	border-left:1px solid #FF0000;
	border-top:1px solid #FF0000;
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
}

#titre_liste {
	font-weight : bold;
	margin-bottom : 20px;
	margin-top : 10px;
	font-size : 12px;
}