@charset "UTF-8";
/* CSS Document */

/* arriere plan de la page*/
body{ margin: 0; padding: 0; background-image:url(images/fond2.jpg); background-repeat: repeat-y; background-position:center bottom;}

#page{
width:1078px;
height: auto;
background-image:url(images/fond.jpg);
background-repeat: no-repeat;
margin:auto;
}

#entete{
width:1024px;
height:156px;
padding: 20px 0 0 30px;
}
/* zone de navigation*/
#nav{
width:1024px;
height:45px;
padding:20px 0 0 22px;
position: relative;
display:block;
}
/* contenu de la page*/
#corps{
width:1044px;
height:1261px;
padding: 0 0 0 23px;
}

.cont1{
width:790px;
height:1261px;
float:left;
}

.cont2{
width:240px;
height:1261px;
float:left;
padding:0 0 0 5px

}
.affiche{
width:785px;
height:60px;
}

#txtaffiche{font-family:Arial,Verdana, Helvetica, sans-serif; font-size:16px; color:#000; font-style:italic; padding:20px 0 0 25px;}
#txtaffiche2{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:0 0 0 30px}
.txt_concept{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#000; font-style:italic; padding:5px 0 0 0;}

.txt_laureat{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#000; font-style: normal; padding:5px 0 0 20px;}

.laureat{ width:134px; height:164px; padding:0 0 0 25px}

.txt_concept a:link {
	text-decoration: none;
	color:#000;
}
.txt_concept a:visited {
	text-decoration: none;
	color:#000;
}
.txt_concept a:hover {
	text-decoration: none;
	color: #919396;
}
.txt_concept a:active {
	text-decoration: none;
	color:#000;

}

.hr{ color:#ffd308; height:1px; padding:8px 0 0 0}

hr{ color:#ffd308; height:1px;}

/*----------elements 4 icones-----------*/

.bloc_icon{
	width:235px;
	height:150px;
	padding:35px 0 0 0;
}
.secu{ width:52px; height:51px; float:left;}
.valo{ width:50px; height:51px; float:left;}
.baili{ width:50px; height:51px; float:left; padding:4px 0 0 0;}
.protex{ width:52px; height:51px; float:left; padding:4px 0 0 0;}
.sblc_icon{
	width:150px;
	height:122px;
	padding:10px 0 0 60px;
}
.slbc_icong{ width:60px; height:120px; float:left;}
.slbc_icond{ width:60px; height:120px; float:left;}



.affiche2{
width:790px;
height:1201px;
}
.gauche{
width:233px;
height:1050px;
float:left;
}
.space{ height:1160px; width:0px; color:#000; float:left; border:1px  outset #000; padding:40px 0 0 0}
.space2{ height:1160px; width:0px; color:#000; float:left; border:1px  outset #000;}

.bloc_lg{ width:235px; height:101px; padding:10px 0 0 0}
.lg{ width:82px; height:100px; padding:0 0 0 80px;}

.droite{
width:550px;
height:1001px;
float:left;


}

/*----------------elements droite-------------*/

.anim{ width:535px; height:275px; padding:10px 0 0 0}

.img_anim{ width:501px; height:265px; background-image:url(images/img_anim.jpg); background-repeat:no-repeat; margin: 0 0 0 20px; padding:10px 0 0 3px}

/* bas de page*/
#footer{
width:1020px;
height:20px;
margin: 50px 0 0 23px;
font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; text-align: center;

}

#footer a:link {
	color: #000;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #000;
}
#footer a:hover {
	text-decoration: underline;
	color: #000;
}
#footer a:active {
	text-decoration: none;
	color: #000;
}

/*-----------------------page professionnels-------------*/

.pro_blcg{ width:234px; height:900px;}

.txt_pro{ font-family:Arial,Verdana, Helvetica, sans-serif; color:#919396; margin: 30px 0 0 20px; font-size:12px}
.txt_pro2{ font-family:Arial,Verdana, Helvetica, sans-serif; color:#000; margin: 30px 0 0 20px; font-size:12px}


.txt_pro a:link {
	text-decoration: none;
	color:#000;
}
.txt_pro a:visited {
	text-decoration: none;
	color:#000;
}
.txt_pro a:hover {
	text-decoration: none;
	color: #919396;
}
.txt_pro a:active {
	text-decoration: none;
	color:#000;

}


/*----------------------------liens----------------------*/


a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}





/*-------------------affichage des elements de la page contact-------------------*/

.img_contact{ width:157px; height:28px; margin: 30px 0 0 40px}

.txt_contact{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#000; margin: 20px 0 0 25px}
.txt_contact a:link {
	color: #000;
	text-decoration: none;
}
.txt_contact a:visited {
	text-decoration: none;
	color: #000;
}
.txt_contact a:hover {
	text-decoration: underline;
	color: #000;
}
.txt_contact a:active {
	text-decoration: none;
	color: #000;
}

.plan{ width:184px; height:148px; margin: 30px 0 0 30px}

.plan a{ text-decoration:none; color:#ffffff}

.plan a:hover{ text-decoration:none; color: #ffffff}

.plan a:active{ text-decoration:none; color: #ffffff}

.plan a:visited{ text-decoration:none; color: #ffffff}

.txt_voir{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; text-align:center; padding:2px 0 0 0;}

.txt_voir a{ text-decoration:none; color:#000}

.txt_voir a:hover{ text-decoration:underline; color: #000}

.txt_voir a:active{ text-decoration:none; color: #000}

.txt_voir a:visited{ text-decoration:none; color: #000}


/*-------------------------elements de la page produits------------------------*/

.blc_images{ width:52px; height:51px; margin: 10px 0 0 20px}
.txt_prod{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; margin: 5px 0 0 20px}

/*-----------------------------partenaires------------------------------------*/

.anim_part{ width:500px; height:170px; margin:20px 0 0 20px; border:1px solid #ffffff; padding:0 0 0 3px}
.anim_part2{ width:500px; height:170px; margin:20px 0 0 20px; border:1px solid #ffffff; padding:0 0 0 5px}

.anim_part3{ width:500px; height:211px; border:1px solid #ffffff; padding:20px 0 0 20px}

.img_grd{ width:100px; height:73px; margin:20px 0 0 70px}

.txtpart{ margin-top:20px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:16px; color:#000; font-style:italic;  text-align:center}

.txtpart3{ margin-top:20px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; font-style: normal;  text-align: justify; padding:0 18px 0 15px}

.txtpart4{ margin-top:0px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; font-style: normal;  text-align: justify; padding:0 18px 0 15px}

.txtpart4 a{ text-decoration:none; color:#000}

.txtpart4 a:hover{ text-decoration:underline; color: #000}

.txtpart4 a:active{ text-decoration:none; color: #000}

.txtpart4 a:visited{ text-decoration:none; color: #000}

.txtpuce{ margin-top:2px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; font-style: normal;  text-align: justify; padding:0 0 10px 0}

.puce-recrute{ margin-top:0px; padding:0 5px 10px 15px; width:14px; height:14px; float:left;}

.txtpart3 a{ text-decoration:none; color:#F8B100}

.txtpart3 a:hover{ text-decoration:underline; color: #F8B100}

.txtpart3 a:active{ text-decoration:none; color: #F8B100}

.txtpart3 a:visited{ text-decoration:none; color: #F8B100}

.txtpart2{font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000;text-align: justify; margin:10px 24px 10px 20px}

.img_pt{ width:66px; height:49px; margin:0 0 0 20px}

.txtpart2 a{ text-decoration:none; color:#000}

.txtpart2 a:hover{ text-decoration:underline; color: #000}

.txtpart2 a:active{ text-decoration:none; color: #000}

.txtpart2 a:visited{ text-decoration:none; color: #000}

/*-----------------------mentions legales-----------------------------*/

.txt_mentions{font-size:14px; color:#000; text-align:justify; padding:10px 15px 15px 15px; font-family:Arial,Verdana, Helvetica, sans-serif}


.txt_mentions a{ text-decoration:underline; color: #CC0000}

.txt_mentions a:hover{ text-decoration:underline; color: #CC0000}

.txt_mentions a:active{ text-decoration:underline; color: #CC0000}

.txt_mentions a:visited{ text-decoration:underline; color: #CC0000}


.txt_mentions2{font-size:14px; color:#000; text-align:justify; padding:10px 15px 15px 15px; font-family:Arial,Verdana, Helvetica, sans-serif}


.txt_mentions2 a{ text-decoration:underline; color: #000}

.txt_mentions2 a:hover{ text-decoration:underline; color: #000}

.txt_mentions2 a:active{ text-decoration:underline; color: #000}

.txt_mentions2 a:visited{ text-decoration:underline; color: #000}



/*--------------------------suite éléments index---------------------*/

.enjeux{ width:200px; height:267px; padding:10px 0 15px 20px}

.cadre_lg_serv{ width:546px; height:538px; margin:10px 0 0 0}

.sous_cadre1{ width:274px;  height:537px; float:left}

.sous_cadre2{ width:272px; height:537px; float:left}

.img_lgnews{ width:245px; height:504px; margin:0 0 0 20px; background-image:url(images/img_lgnews.jpg); background-repeat:no-repeat}

.txt_lgnews{ width:242px; height:20px; padding:0 0 0 30px; font-family:Arial,Verdana, Helvetica, sans-serif;  font-size:12px; color:#2aabe2}

.txt_services{ width:232px; height:20px; padding:0 0 0 20px; font-family:Arial,Verdana, Helvetica, sans-serif;  font-size:12px; color:#0c727e}

.sous_sous_cadre2{ width:272px; height:246px;}

.service_lg{ width:245pxx; height:245px; margin:0 0 10px 10px; background:url(images/service_lg.jpg) no-repeat}

.txt_partenaires{ width:232px; height:20px; padding:5px 0 0 20px; font-family:Arial,Verdana, Helvetica, sans-serif;  font-size:12px; color:#52b748}

.sous_sous_cadre3{ width:272px; height:232px; padding:0 0 0 0px;}

.img_lespart{ width:245px; height:231px; margin:0 0 0 10px; background:url(images/img_lespart.jpg) no-repeat}


.flash1{ width:244px; height:48px}

.txt_cadre_lg{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:10px 10px 0 18px}

.txt_cadre_lg a{ text-decoration:underline; color:#2babe2}

.txt_cadre_lg a:hover{ text-decoration:underline; color: #2babe2}

.txt_cadre_lg a:active{ text-decoration:underline; color: #2babe2}

.txt_cadre_lg a:visited{ text-decoration:underline; color: #2babe2}

.test_paru{ width:91px; height:135px; padding:5px 0 0 73px}

.txt_serv{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:10px 5px 0 18px; text-align:left}

.txt_servh2{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:0px 5px 0 0px; text-align:left}

.txt_serv a{ text-decoration:underline; color:#0b717e}

.txt_serv a:hover{ text-decoration:underline; color: #0b717e}

.txt_serv a:active{ text-decoration:underline; color: #0b717e}

.txt_serv a:visited{ text-decoration:underline; color: #0b717e}

.flash2{ width:230px; height:46px}

.flash3{ width:242px; height:47px}


.txt_lespart{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; width:240px; height:62px; margin:5px 0 0 0}

.bloc_grl{ width:60px; height:60px; float:left; margin:0 0 0 15px;}

.txt_grl{font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; padding:10px 10px 0 85px; color:#000000;}

.bloc_grl a{ text-decoration:none; color:#ffffff}

.bloc_grl a:hover{ text-decoration:none; color: #ffffff}

.bloc_grl a:active{ text-decoration:none; color: #ffffff}

.bloc_grl a:visited{ text-decoration:none; color: #ffffff}



.txt_lespart a{ text-decoration:none; color:#ffffff}

.txt_lespart a:hover{ text-decoration:none; color: #ffffff}

.txt_lespart a:active{ text-decoration:none; color: #ffffff}

.txt_lespart a:visited{ text-decoration:none; color: #ffffff}

/*-------------------------page lgnews---------------------------*/

.txt_page_news{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#000; margin:10px 0 0 30px}

.cadre_post{ width:197px; height:127px; margin:5px 0 0 20px; background:url(images/cadre_post.jpg) no-repeat; padding:3px 0 0 0;}

.txt_cadre_news{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:9px; color:#000; margin:10px 0 0 15px;}

.cadre_noir{ width:471px; height:296px; margin:0 0 0 40px; background:url(images/cadre_noir.jpg) no-repeat; padding:5px 0 0 6px; text-align:center;}


.cadre_noir2{ width:471px; height:296px; margin:5px 0 0 5px; padding:10px 0 0 0}


.cadre_noir2 img{height:auto; width:200px;margin-left:130px;}
.cadre_noir2 p{width:100px;position:relative; top:-50px;left:350px; text-align:center;}

/*.cadre_noir img{height:auto; width:200px;margin-left:130px;}*/
.cadre_noir p{width:100px;position:relative; top:-50px;left:350px; text-align:center;}

.cadre_noir2 p{width:100px;position:relative; top:-50px;left:350px; text-align:center;}

.arche{ margin:40px 0 0 0}


.liste
{
width:500px;
height:25px;
font-size:10px;
font-weight:bold;
padding-left:10px;
margin-top:1px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
border:1px;
border-style:solid;
padding-top:10px;
font-family:Arial,Verdana, Helvetica, sans-serif;
}
.liste a
{
width:500px;
height:auto;
text-decoration:none;
color:#000000;
}
.liste a:hover
{
color:#FFCC00;
text-decoration:none;
}
.liste a:active
{
text-decoration:none;
color:#000000;
}
.lstTitre
{
width:500px;
font-size:12px;
font-weight:bold;
text-align:center;
margin-top:10px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
background:#FFCC00;
font-family:Arial,Verdana, Helvetica, sans-serif;
}

.titreNew{
width:300px;
height:auto;
margin-left:40px;
margin-top:20px;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000;

}

.video{margin-top:15px;;margin-left:25px;}

.pagination{
margin-top:10px;
text-align:center;
color:#000;
font-family:Arial,Verdana, Helvetica, sans-serif;

}


.pagination a{ text-decoration:none; color:#FFCC00}

.pagination a:hover{ text-decoration:none; color: #FFCC00}

.pagination a:active{ text-decoration:none; color: #FFCC00}

.pagination a:visited{ text-decoration:none; color: #FFCC00}


.cadre_noir p a{
color: #FF9900;
font-weight:bold;

}
.cadre_noir p a:hover,.cadre_noir p a:active{
color:#000000;
font-weight:bold; 
}

.cadre_noir2 p a{
color: #FF9900;
font-weight:bold;

}
.cadre_noir2 p a:hover,.cadre_noir p a:active{
color:#000000;
font-weight:bold; 
}

.lgnews2{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#000; margin:20px 0 0 20px}

.lgnews2 a{ text-decoration:none; color:#000}

.lgnews2 a:hover{ text-decoration:underline; color: #0066FF}

.lgnews2 a:active{ text-decoration:none; color: #000}

.lgnews2 a:visited{ text-decoration:none; color: #000}



.lgnews3{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; margin:20px 0 0 20px; width:180px; height:500px; float:left}
.page_lgnews3{ width:25px; height:500px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; float:left; margin:20px 0 0 0px; text-align:center}

.voir_tel{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; margin:20px 0 0 0}

.voir_tel a{ text-decoration:none; color:#000}

.voir_tel a:hover{ text-decoration:underline; color: #000}

.voir_tel a:active{ text-decoration:none; color: #000}

.voir_tel a:visited{ text-decoration:none; color: #000}

.txt_rouge{ widows:501px; height:20px; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:12px; color:#CC0000; margin:0 0 0 28px}

.cadre_rouge{ margin-top:10px; width:501px; height:141px; margin:0 0 0 24px; background:url(images/cadre_rouge.jpg) no-repeat}

.cadre_jaune{ width:484px; height:210px; margin:0 0 0 24px; padding:10px 25px 5px 8px; font:10px "verdana"; text-align:justify; background:url(images/cadre_jaune.jpg) no-repeat;}
.txt_jaune { font:12px "verdana"; color:#FC0; margin:10px 0 8px 30px;}

.focus{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#52b748; padding:5px 10px 0 16px}
.focus2{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:0 0 0 0}

.focus2 a{ text-decoration:none; color:#000}

.focus2 a:hover{ text-decoration:underline; color: #52b748}

.focus2 a:active{ text-decoration:none; color: #000}

.focus2 a:visited{ text-decoration:none; color: #000}


/*---------------------------la formation-----------------------*/

.boxer{ height:130px; width:100px; padding:5px 0px 0px 10px; float:left}

.txt_boxer{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding: 5px 10px 0 0; text-align:justify}

/*--------------------------Acces client----------------------*/

.form_acces{ width:441px; height:401px; background:url(images/form_acces.jpg) no-repeat; margin:5px 0 0 50px}

.txt_acces{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:50px 0 0 50px}

.cadre1{ width:545px; height:200px}

.form2{ width:225px; height:120px; padding:0 0 0 40px}

.cadre2{ width:545px; height:500px}

.txt_acces2{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#000; padding:5px 20px 0 20px; text-align:justify}

.lecteur{ margin:0 0 0 20px}

/*-------------------------------takamatelg lien-----------------------*/

.takamate{ font-family:Arial,Verdana, Helvetica, sans-serif; font-size:10px; color:#FF6600; padding:10px 0 0 10px; width:210px; height:60px; text-align:center;}

.takamate a{ text-decoration:none; color:#ffffff}

.takamate a:hover{ text-decoration:none; color: #ffffff}

.takamate a:active{ text-decoration:none; color: #ffffff}

.takamate a:visited{ text-decoration:none; color: #ffffff}


/*-------------------Refman------------------------------*/
.refman { 
	display:inline;
	font-size:18px;
}

/*----------------------- Ajout fgermain 16/11/2010-----------------*/
.spacer
{
	clear:both;
	height: 0;
	line-height:0;
	font-size:0;
}

.txt_sec4 .col_left {
	width : 240px;
	float: left;
}

.txt_sec4 .col_right {
	width : 240px;
	float: left;
	padding: 0 0 0 20px;
}

.colorOrange {
	color: #FFA000;
}