/* CSS Document */
body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #96918e;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
}
p{
margin:10px;
margin-top:5px;
margin-bottom:5px;
}
/*liens menu*/

a:hover {
	color: #000;
	text-decoration:underline;
}
/*a:active {
	color: #e95c14;
}*/
/*liens page*/
a{
font-weight: bold;
color:#000000;
text-decoration:none;
}
/*.fltlft a:hover, .font_acceuil a:hover, #contenu a:hover{
color:#000000;
}*/
/*liens menus principaux*/
.menu_princ li a , #footer a{
color:#ffffff;
text-decoration:none;
}
.menu_princ li a:hover , #footer a:hover{
color:#ffffff;
text-decoration:underline;
}
/*.fltlft a:hover, .menu_princ li a:hover , #menu_internaute li a:hover, #footer a:hover{
color:#000000;
text-decoration:none;
}*/


h2{
padding: 8px 0 0 0;
margin:0;
font-size:1.2em;
}
h3{

font-size:1.2em;
}
.clear_both{
clear:both;
line-height:1px;
}

/*bug ie espace sous les images*/
#container img{
display:block;
}




#container {
	position:relative;
	width: 957px; 
	background-image:url(img/fond_contenu_site.jpg);
	background-repeat:repeat-y;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:left;
} 

#header {
	background-image:url(img/bando_haut.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding:0;
	position:relative;
	height:265px;

}


#header #bts_bando{	
margin: 0;
padding:0;
position:relative;
top:20px;
left:750px;
width:193px;
font-size:0;
}
#header #bts_bando li{
margin: 0;
padding:1px;
padding-bottom:3px;
list-style-type:none;
}

#header #bts_bando li img{	
margin: 0;
padding:0;
border:none;
display:block;
} 


#bando_e-learning{
font-size:12px;
width:98%;
text-align:right;
padding:5px;
padding-top:25px;
font-weight:bold;
}
/*.connexion{
position:absolute;
bottom:31px;
right:6px;
}*/

/*menu du haut*/
#menu_haut{
padding:0px;
margin:0px;
position:relative;
top:3px;
margin-left:6px;
margin-right:6px;
height:30px;
}
.menu_princ{
list-style:none;
	margin: 0px; 
	padding: 0px;
	float:left;
	width:950px;
}

.menu_princ li{
	float:left;
	line-height:30px;
	text-align:center;
}
.menu_princ li a {
    display:block;
	width:93px;
    }

/*accroche bandeau bleu*/
.accroche_menu{
position:relative;
left:158px;
}


#actus { 
position:relative; 
width:690px; 
height:30px; 
overflow:hidden; 
color:#FFF;
font-weight:bold; 
} 
#defile { 
position:absolute; 
}

#compte{
font-weight:bold; 
width:98%;
text-align:right;
position:relative;
top:15px;
}



/*menu latéral*/
#menu{
width:240px;
margin:0px;
padding:15px 0 0 16px;
margin-bottom:15px;
float:left;
height:100%;
}

#menu ul li{
padding-top:5px;

}
.titre_menu1, .titre_menu2, .titre_menu3{
text-decoration:none;
font-weight:bold;
font-size:14px;
margin-bottom:27px;
position:relative;
top:7px;
}
/*
.titre_menu3{
margin-bottom:27px;
}
.titre_menu1{
margin-bottom:20px;
}
*/

#menu1, #menu2, #menu3{
margin:0;
padding:0;
padding-left:55px;
background-repeat:no-repeat;
	list-style-type:none;
	
}


#menu1{
	background-image:url(img/menu1_fond.jpg);
	height:165px;
}


#menu2{
	background-image:url(img/menu2_fond.jpg);
	height:169px;
}

#menu3{
	background-image:url(img/menu3_fond.jpg);
	height:153px;
}


.mev_menu1{
font-size:14px;
font-weight:bold;
color:#2e0088;
}

.mev_menu2{
font-size:14px;
font-weight:bold;
color:#006495;
}

.mev_menu3{
font-size:14px;
font-weight:bold;
color:#ff5507;
}



.nom_menu, .nom_menu_top{
font-weight:bold;
display:block;
margin-top:8px;
}

.nom_menu1_top{
margin-top:25px;
}
.nom_menu2_top{
margin-top:50px;
}
.cout_com{
margin-top:35px;
font-size:0.8em;
font-style:italic;
font-weight:bold;
}






 



/*.colonne{
padding:30px;
float:right;
}*/

#footer{
margin:0 5px;
line-height:43px;
height:43px;
color:#ffffff;
text-align:center;
background-color:#7c0404;
clear:both;
}










/* centre autres pages*/
#contenu_centre{
	float: left;
	width:660px;
	margin:0px;
padding:15px 0 30px 16px;
}


/*tableau contenu page */
#contenu_centre table{
border-collapse:collapse;
margin:0 0 10px 0;
padding:0;
}
#contenu_centre table tr{
margin:0;
padding:0;
}
#contenu_centre table td{
border-collapse:collapse;
border : #cb351b 1px solid;
padding:5px;
margin:0;
}









/* pages introduction: solution_web et services entreprises */

.cadre_intro{
background-repeat:no-repeat;
color:#000;
font-size:1.1em;
padding:5px 20px 15px 35px;
margin: 0 0 30px 10px;
width:390px;
float:left;
}
.decal_intro{
padding:0;
margin:0;
width:100%;
text-align:right;
}
.cadre_intro a{
font-size:1.2em;
}
.cadre_intro a:hover{
text-decoration:underline;

}


.fleche_intro{
float:left; 
padding-top:50px;
padding-left:30px;
}

.illustr_intro{
float:left;

}





/*bulles*/
.bulle{
position:relative;
}
a.bulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999;/*pour que la bulle s'affiche au dessus des autres divs*/
}
.pop, .pop_plan{
	background-color:#f0f7fe;
	font-size:11px;
	font-weight:normal;
	padding:5px;
	position:absolute;
	height:auto;/* correction bug ie pour l'image*/
	border:1px solid #083c9b;
	color:black;
	text-decoration:none;
	text-align:justify;
}
.pop{
	top:-20px;
	left:-265px;
	width:250px;
}
.pop_plan{
	top:-20px;
	left:70px;
	width:300px;
}




.erreur{
color:red;
font-weight: bold;
}
.message{
width:100%;
text-align:left;
font-weight: bold;
}
.info{
text-align:right;
font-size:10px;
margin-right:50px;
font-style:italic;
}


/*les formulaires*/
form{
margin:0px;
padding:0px;
}
.titre_form{
position:relative; 
left:80px;
}


label {
font-size:11px;
	width: 80px;
	line-height:12px;
	margin-top:10px;
	float: left;
	text-align:right;
	padding-right:2px;
}
#nom, #prenom, #mail, #message{
margin-top:5px;
}
/*
.nom_champ{
color:#e95c14;
font-weight:bold;
width:150px;
}

.champs_obl{
position:relative;
left:150px;
}
*/

/*formulaire de connexion
.connex{
font-size:10px;
height:12px;
}
*/



/*
.twoColHybLtHdr #sidebar4 {
	float: left;
	text-align:center;
	width:120px;
	padding-top:30px;
}


.titre_page{
font-size:16px;
text-align:center;
}
/*
#mainContent {
	margin-top: 20px;

} */

/*
.titre_formation{
font-size:14px;
font-weight:bold;

}
.fltlft, .font_acceuil, .cmd_cheque{ 
	float: left;
	margin:0px;

	padding-top:0px;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:20px;
}
#arc{
position:absolute;
bottom:45px;
left:215px;
		background-image:url(img/arc.jpg);
		background-repeat:no-repeat;
}


.texteforum {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
}

*/

.subHeader{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #e95c14;
}

.txt_mev{
	font-weight: bold;
}
	
.pageName{
	margin:0px;
	padding:0px 50px;
	font: 18px Arial, Helvetica, sans-serif;
	/*color:#cb351b;background-color:#fadccc;*/
	line-height:43px;
	border-bottom:solid 1px  #000;
	margin-bottom:5px;
	width:80%;
	background-image:url(img/rond0.jpg);
	background-repeat:no-repeat;
	
	}
/*.twoColHybLtHdr #container #header .subHeader div {
	background-image: url(img/heure.gif);
	background-repeat: no-repeat;
	height: 80px;
	text-indent: 30px;
	padding-top: 50px;
	padding-right: 20px;
}
*/
/*
.Textthemes {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-indent: 30px;
	}
*/
.titrePerso {
	color: #000;
	padding-left:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:22px;
	font-weight: bold;
	}
	

.image2{
padding-left:20px;
float:right;
}
.image1{
padding-right:20px;
float:left;
}



/* pages detail produit*/
.intro{
background-position: 0 20px; 
background-repeat:no-repeat;
padding:20px 0 20px 155px;
font-weight:bold;
}
p.intro_detail_produit{
padding:5px 0 0 65px;
width:550px; 
background-repeat:no-repeat;
font-weight:bold;
height:57px;
}
.pres_produit{
padding:5px 0 60px 65px;
margin:0;
font-weight:bold;
width:325px;
float:left;
background-repeat:no-repeat;
}
.liste_pres{
margin:5px 0 10px 0px;
padding-left:30px;
font-weight:normal;
list-style-type:none;
}
.liste_pres li{
padding-left:30px;
padding-top:5px;
}
.liste_pres .prem_liste{
padding-top:0;
margin:0;
}






.real{
width:240px;
float:left;
padding: 8px 0 20px 20px;
margin:0;
}
#container .real img{
border:1px solid #CCC;
display:inline;
padding:1px;
margin:5px
}
.real ul{
padding:0;
margin:0;
}
.real li{
padding:0;
margin:0;
list-style-type:none;
padding-top:5px;
}

















#container .exemple img {
display:inline;
border:1px solid #CCC;
padding:1px;
margin:5px;
height:80px;
}



.titre_produit{
padding:0;
padding-left:35px;
background-repeat:no-repeat;
background-position:left center;
}





.paragraphe{
text-align:justify;
}
.list_competences{
margin:5px 0px 15px 15px;
padding-left:35px;
list-style-type:none;
}
.domaine_comp{
padding:10px 0 0 35px;
}


#container .img_pdf{
display:inline;
border:none;
vertical-align:middle;
}