﻿@charset "utf-8";
/* CSS Document */
/* --- 
bleu foncé clevery - #03365D
bleu moyen roll over - #419EE5
bleu clair (roll over) - #B0D6F3
jaune orange moyen - #E7B919
jaune cliar roll over - #F9E49D
gris foncé - #222
gris clair - #666
rouge fil ariane - #8C2B26
rouge désaturé titre actus accueil - #d3bfc2

Pensez à vérifier les couleurs du style #fff et #ffffff
--- */

body{
	margin:0;
	color:#67666b;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:#fff;
	min-width:890px;
}

img{border-style:none;}
a{
	text-decoration:none;
	color:#008a9d;
}
a:hover{text-decoration:underline;}

#globalcontainer{
	width: 100%;
	background-color:blue;
}


#blocliens{
	width: 600px;
	color: #666;
	font-size:10px;
	margin: 12px 0 5px 6px;
	padding: 0;
	}
	
#blocliens p{
	margin: 0;
	padding: 0;
	}
	
#blocliens a{
	color: #666;
	}
	
#blocliens a:hover{
	color:#222;
	}

/* ------ bloc footer  --------- */
#footer{
	clear:left;
	width: 850px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}

#footer p{
	color: #666;
	font-size: 9px;
	text-align: center;
	margin: 0 0 0 0;
	padding:0;}

#footer a{
	color: #666;}
	
#footer a:hover, #poweredBy a:hover{
	color: #666;}

#footer h1{
	display:block;
	color: #777;
	font-size: 9px;
	text-align: center;
	width: 950px;
	margin: 0;
	padding:0;
	line-height: 11px;
	}

#foot
{
	padding-top:20px;
	text-align:center;
	overflow:hidden;
	width:100%;
}

/* ------ bloc accès et connexion utilisateur   --------- */

#blocacces a{
	color: #e7b919;
	font-size: 10px;}

#blocacces a:hover{
	color: #f9e49d;}
	
/* ------ Bloc menu principal à onglet ----- */

#blocmenu{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#blocmenu ul{
	margin: 0;
	padding: 0 0 0 0;
}
	
#blocmenu li{
	float:left;
	text-align:center;
	font-size:12px;
	margin:0 2px 0 0;
	line-height:14px;
	display:table;
}
	
#blocmenu li.active a{
	background:url(../../Style/Images/bg-nav-active.png) no-repeat;
	text-decoration:none;
	cursor:pointer;
}
	
#blocmenu li a{
	background:url(../../Style/Images/bg-nav.png) no-repeat;
	height:47px;
	width:89px;
	padding:0 10px;
	color:#fff;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

#blocmenu li a:hover{
	background:url(../../Style/Images/bg-nav-active.png) no-repeat;
	text-decoration:none;
	cursor:pointer;
}


/* ------ mise en page des contenus ----- */

#bloctexte img{
	border: 2px solid #666;
	margin: 3px 8px;
	padding: 3px;
}

#bloctexte img.gauche{
	float: left;
}

#bloctexte img.droite{
	float: right;
}

#bloctexte ul{
	width: 94%;
	margin: 5px 0 5px 40px;
	padding: 0 0 0 5px;
	list-style: square inside;
}

#bloctexte li{
	margin: 0 0 0 10px;
}

.content,
.content-2{
	float:left;
	width:558px;
	margin:0 40px 0 0;
	padding:40px 0 0;
}
.content-2{
	padding:37px 0 0;
	margin:0 54px 0 0;
}
.content p{margin:0 0 15px;}
.content-2 p{margin:0 0 12px;}
.content h2,
.content-2 h2{
	font:bold italic 11px "Trebuchet MS", Helvetica, sans-serif;
	color:#0089a4;
	margin:0;
}
.content h2:first-letter,
.content-2 h2:first-letter {font-size:12px;}

.main-holder{width:1000px;}
/* asides */
.aside1,
.aside2{
	text-align:center;
	float:left;
}
.aside1{margin:0 58px 0 0;
width:110px;}
.aside2{text-align:left;
width:127px;}
.link{
	display:block;
	margin:0 0 10px;
}
.aside2 .link{margin:0 0 5px;}
.aside2 .ad{margin:0 0 31px;}
.aside2 img{vertical-align:top;}


#clientAccess{
	width:130px; 
	height:40px;
	margin:10px 0px 10px 5px;
	background:url(../../Style/Images/connexion_accesClient.gif) no-repeat;
}

#clientAccess:hover{
	background:url(../../Style/Images/connexion_accesClient-actif.gif) no-repeat;
}


#proAccess{
	width:83px; 
	height:44px;
	margin:15px;
	background:url(../../Style/Images/ico-acces-prof.jpg) no-repeat;
}

#proAccess:hover{
	background:url(../../Style/Images/ico-acces-prof-selected.jpg) no-repeat;
}

#veritas{
	height:65px;
	background:url(../../Style/Images/isopetit.jpg) no-repeat;
}

#veritas:hover{
	background:url(../../Style/Images/isopetit.jpg) no-repeat;
}

p.foot_links{
	margin: 5px;
	padding: 0;
	color: #666;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.foot_links a:link {text-decoration: none; color: #666;font-size: 8px;font-weight: bold;}
.foot_links a:visited {text-decoration: none; color: #666;font-size: 8px;font-weight: bold;}
.foot_links a:active {text-decoration: none; color: #666;font-size: 8px;font-weight: bold;}
.foot_links a:hover {text-decoration: underline; color: #666;font-size: 8px;font-weight: bold;}

