/************* CSS Document *********/

body
{
	margin:0;
	padding:0;
	text-align:center;	/* centrage du contenu */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:0;
	width:100%;
	background-color:#CCCCCC;		
}

a
{
color:#333399;
}

#accroche 
{
font-weight:bold;
display:block;
height:40px;
padding-top:14px;
padding-left:90px;
font-size:26px;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px;
text-transform:none;
color:#333399;
float:left;
}

.uppercase
{
text-transform:uppercase;
}

#conteneur_principal {
	position:relative;
	width:100%;
}

#contenu_page {
	position:relative;
	width:800px;
	border:#FF0000 0px solid;
	margin: auto; /* Permet de centrer le contenu de la page */
	/*padding: auto;*/
	text-align:justify;
	background-color:#FFFFFF;
}

#flash_arc
{
	position:relative;
	display:block;
	margin:70px 10px 0 0;
	width:150px;
	height:210px;
	text-align:center;
	float:left;
}

#contenu
{
	display:block;
	position:relative;
	margin-top:80px;
	margin-bottom:40px;
	width:530px;
	padding:0px;
	border:#FF0000 0px solid;
	background-color:#FFFFFF;
	float:left;
}

img		{
	border:none
}

ul
{
	padding:0;
	margin:0 0 20px 20px;
}

p, ul li
{
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:justify;
}

h1
{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	color: #3e4095;
	margin-left:5px;
}

h2
{
color: #3e4095;
font-size:16px;
padding:0;
margin:0;
text-transform:uppercase;
}

h3
{
text-align:left;
color: #3e4095;
font-weight:bold;
font-size:14px;
}

h4
{
margin:0;
padding:0;
text-align:left;
color: #3e4095;
font-weight:bold;
font-size:13px;
font-weight:bold;
}

#pastille
{
position:relative;
font-size:0.8em;
color:#FFFFFF;
top:-30px;
left:180px;
width:110px;
height:110px;
text-align:center;
z-index:100;
padding:0;
background-image:url(images/pastille_verte.png);
background-position:top left;
background-repeat:no-repeat;}

.flash p
{
font-size:1em;
}
.flash
{
	color:#FFFFFF;
	background-color:#3E4095;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	padding: 5px;
}

.flash a
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
}
.flash a:hover
{
	text-decoration:underline;
}

.NavigFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	text-align: justify;
}
.NavigFooter:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
.PhraseAccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
	text-transform: uppercase;

}
.TexteAccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.signature {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
}
.TexteContenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.TitreContenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.BlocTel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3E4095;
	border: #999999;

}
.DefilGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #CCCCCC;
}
.TexteArc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}
.textebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3e4095;
	text-transform: uppercase;
	font-weight: bold;


}
.fondtittabactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3E4095;
	background-color: #CCCCCC;
}
.lettrinetittabactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3E4095;
	background-color: #CCCCCC;
}
.PetitTextBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	text-decoration: none;

}
.LienTextBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
}
.TexteContenuReal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
}

.TitreExReal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
}

.ChapExReal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	text-decoration: none;
	text-align: justify;
}

.TitreRubriqueEvenementLabo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
	background-color: #CCCCCC;
	margin-left: 12px;
	font-style: italic;
}

.TableauRubriqueEvenementsLabo {
	border: thin solid #CCCCCC;
}

.TitreRubriqueEvenementPerfCo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333399;
	background-color: #999999;
	margin-left: 12px;
	font-style: italic;
}

.TableauRubriqueEvenementsPerfCo {
	border: thin solid #999999;
}
.TitreRubriqueEvenementManagementRH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	margin-left: 12px;
	font-style: italic;
}

.TableauRubriqueEvenementsManagementRH {
	border: thin solid #666666;
}

.TableauAccueilCoampus {
	border: thin solid #cccccc;
}

a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

h2.titre_actu:first-letter 
{
font-size:1.6em;
padding:3px;
background-color:#CCCCCC;
text-transform:capitalize;
}

.accroche_rdv
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:1em;
color:#333399;
padding-bottom:10px;
}

.titre_evt_projet
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#365f91;
font-weight:bold;
}
.titre_evt_training
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#5a2781;
font-weight:bold;
}
.titre_evt_mobilisation
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#00b050;
font-weight:bold;
}
.infos_evt
{
font-size:0.8em;
}
p a
{
	font-size:1.0em;
}

#evenements .evt_date
{
text-transform:uppercase;
color:#ff6600;
}

#evenements h1, #actus h1
{
text-align:center;
font-size:18px;
color:#3e4095;
}

label{
width:120px;
min-width:120px;
}
label#titre
{
width:95%;
}
.lignetab
{
margin:20px;
}

fieldset
{
border: #3e4095 1px solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;	
border-radius:8px;
padding:20px;
}

fieldset legend
{
color:#3e4095;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

/* logo */

#logo
{
width:200px;
height:70px;
border:#FF0000 0px solid;
float:left;
display:block;
z-index:10000;
}



/* menu haut */

#menu_haut { width:800px; padding:0; position:absolute;z-index:1000;top:80px;left:0;}
#menu_haut .mPos { width:800px; position:relative; line-height:0; font-size:0; }
#menu_haut .de_1, #menu_haut .de_2 { position:absolute; width:14px; height:60px; z-index:5; }
#menu_haut .de_1 { left:-14px; top:0; background:url(images/css/menu_gauche.png) no-repeat left top; }
#menu_haut .de_2 { right:-14px; top:0; background:url(images/css/menu_droite.png) no-repeat left top; }

#ligne
{ position:absolute; width:100%; height:46px; left:0; top:104px; background:url(images/css/site_line.png) repeat-x left top; z-index:-1; }

#barre_menu_haut {
	Z-INDEX: 10; height:54px; POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 800px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: url(images/css/menu_bg.png) repeat-x left top; OVERFLOW: visible; PADDING-TOP: 0px; border:#FF0000 0px solid;
}

#Nav {
height:46px; POSITION: relative; ; 
}

#barre_menu_haut UL.ul {
	POSITION: relative; WIDTH: 100%; 
}
#barre_menu_haut LI {
	WIDTH: auto; BACKGROUND: url(images/css/fleche_menu_haut.png) no-repeat left 14px; FLOAT: left; list-style:none;
}
#barre_menu_haut TD.td {
	PADDING-RIGHT: 1px
}
#barre_menu_haut TD.last {
	PADDING-RIGHT: 0px
}
#barre_menu_haut .tIndent {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
#barre_menu_haut A {
	POSITION: relative; TEXT-ALIGN: left; LINE-HEIGHT: 46px; TEXT-TRANSFORM: none; PADDING-LEFT: 25px; PADDING-RIGHT: 18px; DISPLAY: block; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #fff; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#barre_menu_haut A:hover {
	COLOR: #f87602
}
#barre_menu_haut .active A {
	COLOR: #f87602
}
#barre_menu_haut A.selected {
	COLOR: #f87602
}

#menu_haut .Menu {       
font-size: .9em;       
margin: 0;       
padding: 0 0 0 0;       
border-bottom: 1px solid #ffffff; 
float:left;
position:relative;
z-index:1000000;
width:86px;
}    

#menu_haut .Menu li{       
float:left; 
z-index:1000;
width:86px;
list-style:none;
}    

#menu_haut ul.Menu a {       
background: none;       
padding: 0 0 0 2px ;   
color:#ffffff;
background-color:#375e80;
line-height:18px;
font-weight:normal;
list-style:none;
border:#FFFFFF 1px solid;
}

#menu_haut ul.Menu a:hover, #menu_haut ul.Menu .active a{       
color:#f87602;
}

.Menu {display:none;}

.Menu2 {display:none;}

/* CSS pour affcach */
	.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
	left: 465px;
	}

/* page consultants */
.affiche_roi
{
text-align:center;
width:120px;
}

/* page tests */

.fermer_plus_leonardo:hover
{
background-color:#000066;
color:#FFFFFF;
}
.fermer_plus_leonardo a:hover
{
background-color:#000066;
color:#FFFFFF;
}

.texte_temoignage
{
border: 0px solid black; 
background-color: #f5f5f5; 
margin-bottom: 2px; 
text-align:justify;
}

/* Bloc coordonnées page index */

.bloc_coordonnees
{
background-color:#f1f1f1;
padding: 20px 4px;
margin:4px;
}

#email, #tel, #version
{
text-align:center;
padding: 10px 0;
}
.bloc_version
{
background-color:#ffffff;
padding: 20px 4px;
margin:4px;
}

.signature_dizziweb
{
font-size:0.8em;
color:#999999;
}

.reseautage
{
font-size:9px;
text-align:center;
margin-top:40px;
}


#menu_gauche
{
position:relative;
display:block;
width:150px;
background-color:#FFFFFF;
padding-top:130px;
padding-bottom:100px;
}

#realisation_html p
{
font-size:11px;
text-align:justify;
}

#realisation_html h2
{
margin:40px 0 20px 0;
font-size:22px;
color:#FFFFFF;
background-color: #3e4095;
padding:5px 0;
}

#clients
{
margin-top:22px;
width:100%;
}

#clients h2
{
text-align:center;
margin:0 0 20px 0 ;
}
#clients h3
{
margin:0 0 20px 0 ;
padding:0;
}
#clients h4
{
color:#666666;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}
#clients ul{
text-align:justify;
width:400px;
}

#clients ul li
{
display:inline;
margin:0 2px;
color:#666666;
font-size:11px;
}

#clients ul li:before { 
    content: '- '; 
}
 
#clients ul li:first-child:before {
    content: ''; 
}
#clients ul li:first-child
{
margin-left:0px;
}


#defil_logo_gauche
{
width:150px;
clear:none;
}

#defil_logo_droite
{
float:left;
width:150px;
clear:none;
margin-bottom:40px;
}

#footer
{
clear:both;
display:block;
position:relative;
width:100%;
text-align:center;
font-size:11px;
margin-top:40px;
}

.defilement_logos_clients
{ 
margin-top:40px;
width:150px; 
}  

.defilement_logos_clients ul li
{
list-style:none; 
display:block; 
padding-bottom:1px; 
margin:10px 0; 
text-align:center;
vertical-align:middle;
}

#compte_rendu_evenement p
{
margin:20px 0;
}

#cadre_inscription_evenement
{
position:relative;
display:block;
width:240px;
padding:10px 20px 20px 20px ;
margin:0 0 20px 60px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
border:#000066 1px dashed;
}

/*#compte_rendu_evenement li
{
margin-bottom:10px;
}*/

#cadre_inscription_evenement a
{
text-decoration:none;
}
#cadre_inscription_evenement a:hover
{
text-decoration:underline;
}

.col_left_60
{
float:left;
width:60%;
margin-right:40px;
}

.col_left_40
{
float:left;
width:40%;
border:#FF0000 1px solid;
}

.photo
{
padding:3px;
background-color:#FFFFFF;
border:1px solid #c9c9c9;
margin-right:10px;
}

/* scrolling page d'accueil */

	#scroller{
		position:relative;
		top:80px;
		height:96px;
		background:#EFEFEF;
	}
	#scroller img{
		border:#CCCCCC solid 1px;
		padding:1px;
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* first! for ie8*/
		 filter: alpha(opacity=50);     /* second! for other ie versions*/
		}
	
/* fin scrolling accueil*/


.droite
{
float:right;
margin-left:30px;
}

.gauche
{
float:left;
margin-right:30px;
}

.sous-menu-realisations {text-align:left;color:#302a8c;font-size:12px;font-weight:bold;margin-left:5px;}
.sous-menu-realisations ul {margin-top:10px;}
.sous-menu-realisations ul li{text-align:left;margin-bottom:10px;color:#302a8c;font-weight:normal;}
.sous-menu-realisations ul li a{color:#302a8c; text-decoration:none;}
.sous-menu-realisations ul li a:hover, .sous-menu-realisations .selected{color:#f87602; text-decoration:none;}