/*
© Blograft - 2006
*/

/* Style balises  /////////////////////////////////////////////////// */
#centreur{
	position:absolute;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#centre{
	position:absolute;
	margin-top:-280px;
	margin-left:-485px;
	padding:0px;
	top:50%;
	left:50%;
	width:830px;
	height:585px;
	text-align:left;
}
#menu_accessibiliteli{
	float:left
}
#menu_accessibilite{
	position:absolute;
	top:-200px;
}
acronym{
text-decoration:none;
border:0px;
}
body{
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	font-family	:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#515456;
	width:100%;
	height:100%;  
	scrollbar-track-color:white;
}
.front{
	background-color:white;
}
ul{
	margin: 0;
	padding:0;
	list-style:none;
}
li{	
	margin: 0;
	padding:0;
}
img{
	border:none;
}
h2{
	font-size: 1em;
	font-weight:bold;
	margin:0px;
	padding: 0px 0px 0px 30px;
}
h1 {
	margin:0 0 10px 0;
	font-size: 1.5em;
	width:95%;
	color:#666666;	
	border:1px solid #FFFFFF;
	border-left:3px dotted #666666;
	padding-left:5px;
	line-height:15px;
}
blockquote{
	margin-top:0px;
	margin-right:60px;
}

/* /////////////////////////////////////////////////////////////////////////
POPUP ACTUALITES
/////////////////////////////////////////////////////////////////////////*/
#pop_a{
	position:absolute;
	top:200px;
	left:100px;
	z-index:14;
	width:139px;
	height:145px;
	padding:3px;
}
#pop_a span{
	font-size:10px;
	color:#c9c9c9;
}
#pop_a span em{
	font-style:normal;
}
#pop_a span strong{
	font-size:10px;
	font-style:bold;
	color:#999999;
}
#pop_actus{
	display:none;
	position:absolute;
	top:200px;
	left:100px;
	width:139px;
	height:145px;	
}
#pop_a span a{
	text-decoration:none;
}
#pop_ac{
position:absolute;display:none;z-index:25;right:11px;top:2px; 
}
#titre_pop_actus{
	position:absolute;
	z-index:16;
	top:5px;
	left:5px;
	width:146px;
	height:18px;	
}
#texte_pop_actus{
	position:absolute;
	z-index:16;
	top:25px;
	left:11px;
	width:115px;
	height:100px;
	
}
#texte_pop_actus h3{
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#96b352;
}
#texte_pop_actus h3 span{
	font-size:10px;
}	

/* /////////////////////////////////////////////////////////////////////////
POPUP Projets
/////////////////////////////////////////////////////////////////////////*/
#pop_e{
	position:absolute;
	z-index:14;
	top:380px;
	left:130px;
	width:139px;
	height:145px;
	padding:3px;
}
#pop_e span{
	font-size:10px;
	color:#c9c9c9;
}
#pop_e span em{
	font-style:normal;
}
#pop_e span strong{
	font-size:10px;
	font-style:bold;
	color:#999999;
}
#pop_encours{
	display:none;
	position:absolute;
	top:380px;
	left:130px;
	width:139px;
	height:145px;	
}
#pop_en{
position:absolute;display:none;z-index:25;right:11px;top:2px; 
}
#pop_e span a{
	text-decoration:none;
	
}
#titre_pop_encours{
	position:absolute;
	z-index:16;
	top:5px;
	left:5px;
	width:76px;
	height:18px;	
}
#texte_pop_encours{
	position:absolute;
	z-index:16;
	top:25px;
	left:11px;
	width:115px;
	height:100px;
}

#texte_pop_encours h3{		
	font-size:12px;
	margin:1px;
	padding:0px;
	color:#5192b7;
	line-height:14px;
}
#texte_pop_encours h3 span{
	font-size:10px;
}
#texte_pop_encours img{
	float:left;
	border:1px solid #999999;
	margin:1px;
}

/* /////////////////////////////////////////////////////////////////////////
POPUP PRODUITS
/////////////////////////////////////////////////////////////////////////*/
#pop_p{
	position:absolute;
	z-index:14;
	top:200px;
	left:795px;
	width:139px;
	height:145px;
	padding:3px;
}
#pop_p span{
	font-size:10px;
	color:#c9c9c9;
}
#pop_p span em{
	font-style:normal;
}
#pop_p span strong{
	font-size:10px;
	font-style:bold;
	color:#999999;
}
#pop_produit{
	display:none;
	position:absolute;
	top:200px;
	left:795px;
	width:139px;
	height:145px;	
}
#pop_pr{
position:absolute;display:none;z-index:25;right:11px;top:2px; 
}
#pop_p span a{
	text-decoration:none;
	
}
#titre_pop_produit{
	position:absolute;
	z-index:16;
	top:5px;
	left:5px;
	width:100px;
	height:18px;	
}
#texte_pop_produit{
	position:absolute;
	z-index:16;
	top:25px;
	left:11px;
	width:115px;
	height:100px;
}

#texte_pop_produit h3{		
	font-size:12px;
	margin:2px;
	padding:0px;
	color:#b75151;
	line-height:12px;
}
#texte_pop_produit h3 span{
	font-size:10px;
}

/* /////////////////////////////////////////////////////////////////////////
POPUP SERVICES
/////////////////////////////////////////////////////////////////////////*/
#pop_s{
	position:absolute;
	z-index:14;
	top:380px;
	left:795px;
	width:139px;
	height:145px;
	padding:3px;
}
#pop_s span{
	font-size:10px;
	color:#c9c9c9;
}
#pop_s span em{
	font-style:normal;
}
#pop_s span strong{
	font-size:10px;
	font-weight:bold;
	color:#999999;
}
#pop_s span a{
	text-decoration:none;
	
}
#pop_service{
	display:none;
	position:absolute;
	top:380px;
	left:795px;
	width:139px;
	height:145px;	
}
#pop_se{
position:absolute;display:none;z-index:25;right:11px;top:2px; 
}
#titre_pop_service{
	position:absolute;
	z-index:16;
	top:5px;
	left:5px;
	width:100px;
	height:18px;	
}
#texte_pop_service{
	position:absolute;
	z-index:16;
	top:25px;
	left:11px;
	width:115px;
	height:100px;
}

#texte_pop_service h3{		
	font-size:12px;
	margin:2px;
	padding:0px;
	color:#ebd624;
	line-height:12px;
}
#texte_pop_service h3 span{
	font-size:10px;
}









h1 span{
font-size:0.6em;
font-style:italic;
padding-top:-3px;
}
h1 span a{
font-size:1.8em;
font-style:italic;
padding-top:-3px;
cursor:pointer;
color:#CC0000;
}

#home strong{
	color:#568041;
	font-weight:normal;
}
#home a{
	color:#568041;
	font-weight:normal;
	text-decoration:underline;
}
#home a:hover{
	text-decoration:none;
}
#home h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}

cite{
	font-style:italic;
	margin:0px 10px 0px 0px;
}
#creation strong{
	color:#804141;
	font-weight:normal;
}
#creation a{
	color:#804141;
	font-weight:normal;
	text-decoration:underline;
}
#creation a:hover{
	text-decoration:none;
}
#creation h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}


#fenetre_contenu p {
	padding: 0px 50px 10px 30px;
}
#fenetre_contenu cite {
	margin: 0px 50px 0px 30px;
	display:block;
	border-left:1px dotted #999999;
	padding-left:3px;
}

#integration strong{
	color:#806b41;
	font-weight:normal;
}
#integration a{
	color:#806b41;
	font-weight:normal;
	text-decoration:underline;
}
#integration a:hover{
	text-decoration:none;
}
#integration h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}


#accessibilite strong{
	color:#805641;
	font-weight:normal;
}
#accessibilite a{
	color:#805641;
	font-weight:normal;
	text-decoration:underline;
}
#accessibilite a:hover{
	text-decoration:none;
}
#accessibilite h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}




#referencement strong{
	color:#808041;
	font-weight:normal;
}
#referencement a{
	color:#808041;
	font-weight:normal;
	text-decoration:underline;
}
#referencement a:hover{
	text-decoration:none;
}
#referencement h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}




#hebergement strong{
	color:#6b8041;
	font-weight:normal;
}
#hebergement a{
	color:#6b8041;
	font-weight:normal;
	text-decoration:underline;
}
#hebergement a:hover{
	text-decoration:none;
}
#hebergement h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}





#gestion strong{
	color:#568041;
	font-weight:normal;
}
#gestion a{
	color:#568041;
	font-weight:normal;
	text-decoration:underline;
}
#gestion a:hover{
	text-decoration:none;
}
#gestion h1 a{	
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}




ol{

	list-style:none;
}
a{
	color:#003366;
	cursor:pointer;
	text-decoration:none;
}
ol a{
	font-weight:bold;}
a:hover{
	text-decoration:underline;
}
p{
	margin:0px 10px 0px 0px;
}
caption{
	text-align:right;
	color:#990000;
}
a span {
	font-size:1px;
	position:absolute;
	top:-3000px;
}

/* formulaire /////////////////////////////////////////////////// */
form{
	margin:0px;
	padding:0px;
}
select{
	float:left;
	font-size:10px;
}
fieldset{
	margin:0px;
	padding:2px;
}
input{
	font-size:10px;
	border:1px solid #999999;
	background-color:transparent;
}
#formulaire_contact input,textarea{
	border:2px solid #FFFFFF;
	width:96%;
	}
/* Style id /////////////////////////////////////////////////// */
#outil_accessibilite{
	position:absolute;
	z-index:4;
	padding:1px;
	width:252px;	
	background-color:buttonface;
	cursor:pointer;
}
li#bouton_fond_couleur:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
li#bouton_texte_couleur:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
li#bouton_texte_gras:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
li#bouton_texte_casse:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
li#bouton_valeur_defaut:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
li#bouton_sauvegarder:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

#outil_accessibilite ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#outil_accessibilite ul li {
	float:left;	
}
#outil_accessibilite ul li a{
	float:left;
	width:24px;
	height:24px;
	border:1px solid buttonface;
}
#outil_accessibilite ul li a:hover{
	width:24px;
	height:24px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
#outil_accessibilite ul li a{
	float:left;
	width:24px;
	height:24px;
}
#accessibilite-teinte{
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#FFFFFF;
}
#animation{
	position:absolute;
	z-index:0;
	top:0px;
	left:10px;
	height:562px;
	width:100px;
}
#surfer_sur_le_web{
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
#surfer_sur_le_web img{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:0px;
}
#information-entreprise{
	position:absolute;
	bottom:7px;
	left:70px;
}
#menu_navigation,#menu_navigation_plan{
	position:absolute;
	z-index:9;
	vertical-align:top;
	left:260px;
	top:60px;
	width:600px;
	height:121px;
}
#menu_navigation ul{
	width:100%;
	float:left;
	margin-bottom:0px;
}
#menu_navigation_plan ul{
	margin-bottom:0px;
	float:left;
}
#menu_navigation ul li {
	float:left;
	margin-bottom:0px;
}
#menu_navigation_plan ul li {
	float:left;
	margin-bottom:0px;
}
#menu_navigation ul li a{
	float:left;	
	width:40px;
	height:40px;	
	cursor:pointer;
	text-decoration:none;
}
#menu_navigation_plan ul li a{
	float:left;	
	width:40px;
	height:40px;	
	cursor:pointer;
	text-decoration:none;
}
#menu_navigation ul li ul{
	position:absolute;
	left:0px;
	bottom:5px;
	float:left;
	width:100%;
	width:520px;
	color:#999999;
}
#menu_navigation_plan ul li ul{
	float:left;
	margin:10px;
	width:100%;
	width:520px;
	color:#999999;
}
#menu_navigation ul li ul li{
	float:left;
}
#menu_navigation_plan ul li ul li{
}
#menu_navigation ul li ul a{	
	width:auto;
	height:auto;
	margin: 0px 5px 0px 5px;
	text-transform:capitalize;
	text-decoration:none;
	padding:0px 4px 0px 4px;
}
#menu_navigation ul li ul a:hover{	
	text-decoration:underline;
}
#menu_navigation_plan ul li ul a{	
	width:auto;
	height:auto;
	margin: 0px 5px 0px 5px;
	text-transform:capitalize;
	text-decoration:none;
	padding:0px 4px 0px 4px;
}
#menu_navigation ul li ul strong{	
	margin-right:5px;
	text-decoration:underline;
	font-weight:bold;
}
#menu_navigation_plan ul li ul strong{	
	margin-right:5px;
	text-decoration:underline;
	font-weight:bold;
}
#menu_navigation_plan ul li ul a:hover{	
	text-decoration:underline;
}
ul#liste_creation a{
	color:#804141;
}
ul#liste_creation strong{
	color:#804141;
}
ul#liste_creation span{
	color:#804141;
}
ul#liste_integration a{
	color:#805641;
}
ul#liste_integration strong{
	color:#805641;
}
ul#liste_integration span{
	color:#805641;
}
ul#liste_accessibilite a{
	color:#806b41;
}
ul#liste_accessibilite strong{
	color:#806b41;
}
ul#liste_accessibilite span{
	color:#806b41;
}
ul#liste_referencement a{
	color:#808041;
}
ul#liste_referencement strong{
	color:#808041;
}
ul#liste_referencement span{
	color:#808041;
}
ul#liste_hebergement a{
	color:#6b8041;
}
ul#liste_hebergement strong{
	color:#6b8041;
}
ul#liste_hebergement span{
	color:#6b8041;
}
ul#liste_gestion a{
	color:#568041;
}
ul#liste_gestion strong{
	color:#568041;
}
ul#liste_gestion span{
	color:#568041;
}

#barre_outils{
	position:absolute;
	z-index:20;
	width:100px;
	height:22px;
	bottom:30px;
	left:60px;
}

#barre_outils li{
	float:left;
	height:22px;
	width:28px;
	margin:0px;
	padding:0px;
}
#barre_outils li a{
	float:left;
	height:30px;
	width:28px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}



#zone_accessiblite{
	position:absolute;
	z-index:1;
	width:140px;
	height:338px;
	top:178px;
	left:260px;
	margin-left:-216px;
	margin-top:-9px;
}
#zone_recherche{
	position:absolute;
	z-index:1;
	width:138px;
	height:338px;
	top:178px;
	left:260px;
	margin-left:-216px;
	margin-top:-9px;
}
#palette{
	position:absolute;
	z-index:1;
	width:34px;
	height:340px;
	top:181px;
	left:260px;
	margin-left:-46px;
	margin-top:-10px;
	padding:0px;
	text-align:center;
}

#palette .icone span{
	font-size:1px;
	position:absolute;
	top:-3000px;
}
#selecteur_teinte table{
	width:100%;	
	margin:0px;
	padding:0px;
	border:0px;
}
#selecteur_teinte td{
	font-size:10px;	
	line-height:10px;
	margin:0px;
	padding:0px;
	border:0px;
}
#contour_fond_menu{
	position:absolute;
	z-index:1;
	width:50%;
	height:15px;
	top:160px;
	left:260px;
	border:1px solid #999999;
}
#fond_menu{
	position:absolute;
	z-index:1;
	width:50%;
	height:15px;
	top:160px;
	left:260px;
	border:1px solid white;
	background-color:white;	
	
}
#contour_fond_texte{
	position:absolute;
	z-index:1;
	width:50%;
	height:330px;
	top:180px;
	left:260px;
}
#fond_texte{
	position:absolute;
	z-index:1;
	width:500px;
	height:330px;
	top:180px;
	left:260px;
}
#fenetre_contenu{
	position:absolute;
	z-index:4;
	width:506px;
	top:185px;
	left:260px;
	overflow:auto;
	margin-left:-6px;
	padding:10px;
	height:340px;
}

#fenetre_contenu_admin{
	position:absolute;
	z-index:4;
	width:500px;
	top:185px;
	left:260px;
	padding:10px;
	height:340px;
}

#bouton_couleur{
	position:absolute;
	z-index:4;
	top:181px;
	left:260px;
}
#menu_navigation_secondaire{
	position:absolute;
	z-index:1;
	width:60%;
	top:565px;
	left:335px;
	text-align:left;
}
#menu_navigation_secondaire li{
	float:left;
}
#menu_navigation_secondaire a{
	color:#6e727d;
	text-decoration:none;
	margin:0px 3px 0px 3px;
}
#menu_navigation_secondaire a:hover{
	color:#cc0000;
}
#menu_navigation_secondaire li:hover{
	height:25px;
	background-image:url(../img/png/fleche_lien.png);
	background-repeat:no-repeat;
	background-position: bottom center;
}
#information-navigation {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: absolute;
	width: 90%;
	height: 10px;
	text-align:left;
	top: 1px;
	left: 25px;
	font-size: 11px;
}
#information-navigation a{
	color: #ffffff;
	text-decoration:none;
}
#information-navigation a:hover{
	color: #ffffff;
	text-decoration:underline;
}
#information-action {
	position:absolute;
	z-index:4; 
	right:1px;
	top:1px;
	border:1px solid #ffffff;
	color: #ffffff;
	padding:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8px;
}
#information-action a{
	color: #ffffff;
	text-decoration:none;
}
#bouton_drag{	
	cursor:move;
}
.home{
	background-image: url(../img/jpg/web-blograft.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.definition{
	height:100%;
	width:100%;
	background-image: url(../img/jpg/web-definition.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.creation{
	height:100%;
	width:100%;
	background-image: url(../img/jpg/web-creation.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.integration{
	height:100%;
	width:100%;
	background-image:  url(../img/jpg/web-integration.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.accessibilite{
	height:100%;
	width:100%;
	background-image:  url(../img/jpg/web-accessibilite.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.referencement{
	height:100%;
	width:100%;
	background-image: url(../img/jpg/web-referencement.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}
.hebergement{
	height:100%;
	width:100%;
	background-image: url(../img/jpg/web-hebergement.jpg);
	background-position:10px 0px;
	background-repeat:no-repeat;
}

.gestion{
	height:100%;
	width:100%;
	background-image:   url("../img/jpg/web-gestion.jpg");
	background-position:10px 0px;
	background-repeat:no-repeat;
}

#contenu_scroll{
	padding:0px;
	width:100px;
	height:340px;
	overflow:auto;
}

#noscript_message{
	position:absolute;
	top:0px;
	left:0px;
	margin:2px;
	width:98%;
	background-color:#FEE1C5;
	border:1px solid #999999;
	padding:2px;
}

/* gestion DES CLASSES /////////////////////////////////////////////////// */
.style_bouton{
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
.image_accueil{
	width:122px;
	height:35px;
}
.cadre_information{
	background-color:#e9e9e9;
	border:1px dotted #999999;
	padding:4px;
	text-align:center;
}
.none{
	display:none;
}
.fond_a{ 
	background-color:#e9e9e9
}

.liens_rubrique{
	text-indent:-3000em;
}
.zone_accessiblite_table{
	width:144px;
	margin:5px;
	border:1px dotted #999999;
}
.opaque{
width:100%;
height:100%;
}
.zone_accessiblite_table th{
	text-align:right;
	width:110px;
	font-weight:normal;
	height:20px;
}
.zone_accessiblite_table td{
	text-align:center;
	width:44px;
	height:20px;
}
.zone_accessiblite_table input{	
	width:15px;
	height:15px;
	border:0px;
	background-color:transparent;
}
.radio{
	width:12px;
	height:12px;
}
/* BOUTONS */
.mods{
	font-size:13px;
}
.cache{
	display:none;
}

.montre{
	display:block;
}