@charset "windows-1252";

* {margin: 0; padding: 0;}

html, body {
	background: #999 url(../images/motif_body.png);
	font-size: 12px;
	font-family: arial, helvetica, Sans-Serif;
	text-align: center;
	color: #555;
	}
		
p {margin: 20px 0; text-align: justify; font-size: 1em;}
p:first-letter {font-size: 20px; color: red; font-weight: bold;}
h1 {color: #999; font-family: "arial black" ; font-size: 20px; margin: 20px 0; padding: 5px 0 0 20px; text-align: left; background: url(../images/bandeau_h1_seul.png) no-repeat; }
h1.aw {background: url(../images/bandeau_h1_puzzle.png) no-repeat; padding-left: 50px;}
h1.in {background: url(../images/bandeau_h1_verres.png) no-repeat; padding-left: 50px;}
h1.re {background: url(../images/bandeau_h1_boules.png) no-repeat; padding-left: 50px;}
h2 { margin: 5px 0 10px; padding-left:30px; color: #f63; font-size: 20px;  text-align: left;background: url(../images/carre_h2.png) no-repeat center left; }
h3 { padding-left: 35px; color: #999; font-size: 14px; border-bottom: 1px #f93 dotted; text-align: left;background: url(../images/fleche_h3.png) no-repeat center left;}
h5 { padding-left: 35px; color: #555; font-size: 12px; border-bottom: 1px #f93 dotted; text-align: left;background: url(../images/fleche_h3.png) no-repeat top left; margin-bottom: 5px;}
h4 { font-size: 1.1em; color: #063;}
ul {margin: 10px 0 5px; text-align: left; }
li {list-style-image: url(../images/puce_triangle_petite1.png); }
table {font-size: 1em;}

a:link {color: #f90; background-color: transparent; text-decoration: none;}
a:visited {color: #f90; text-decoration: none; }
a:hover {text-decoration: underline;} 

div.encart {background: url(../images/news.png) no-repeat; width: 158px; padding: 10px; margin: 20px; font-size: 13px;}
div.encart h1 {color: #f93; font-size: 12px; padding: 0; margin: 0; background: transparent; font-weight: normal; width: 80%;}
div.encart p {margin: 0; padding: 3px; text-indent: 0; background-color: white; width: 80%;}
div.encart a {color: red;}

div.cadre {margin: 10px; padding: 5px; border: 2px #F90 solid; text-align: center;}


.colonne {margin: 12px 30px 0 30px; float:left;}  
.gros {color: #666; font-weight: bold; font-size: 15px;}
.gras {color: inherit; font-weight: bold; font-size: 1em;}
.important {color: red;}
.gris {background-color: #b0b0b0; color: white; padding: 1px 3px; font-weight: bolder; font-size: 1.1em;}


/* LA MISE EN PAGE */	
#global {
	min-height: 100%;
	width: 770px; /*750px. Avec un padding de 10px de chaque côté, la largeur totale sera de 770px, valeur qui permet aux visiteurs ayant une résolution d'écran de 800x600 de visualiser le site sans barre de défilement horizontale.	*/
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	position: relative; /*définit les frontières de l'élément #global comme point de repère pour le positionnement de ses enfants. La position "top: 0px, left: 0px" est maintenant le coin supérieur gauche de #global, au lieu de celui de body.*/
	background: url(../images/motif_global.png) center repeat-y;
	top: 0;	
	bottom: 0;}


#header {
	background-color: #999;
	border: 0px solid red;
	background: url(../images/bandeau_sup.png)  no-repeat;
	width:750px;
	height: 110px;
	font-size: 12px;
	margin: 0 0 0 10px;	
}
#header h1 {text-indent: -9000px; width: 0px; height: 0px; background: transparent; margin: 0; padding: 0;} 

#menu_haut {
	border: 0px solid black;
	font-size: 11px;
	margin:  0  ;
	padding: 90px 0 0 250px;
	}
#menu_haut li {	list-style-type: none; display : inline;  padding : 0 0 0 5px;}
#menu_haut a {color: #999;text-decoration: none; border-top: 2px solid #ccc; padding: 0 3px;}
#menu_haut a:hover {color: #666; background: url(../images/pave_gris.png) repeat-x 20px bottom; border-top: 2px solid #999;}
 

#center {
	background-color: white;
	margin:0 10px 0 10px;
	padding: 0 20px 0 50px;
	text-align: left;
}

#partie_gauche {
	border: 0px solid #f63;
	float: left;
	width: 565px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
} 

	
#applications_web{ 
	height: 125px;	width: 565px;
	text-align: left;
	margin: 10px 0 10px 10px ; padding: 65px 0 0 0; 
	float: left;
	border: 0px solid yellow;
}
#applications_web a { color:#999; text-decoration:none; background: url(../images/puce_triangle.png) no-repeat ;margin: 0px 0 10px 10px; padding: 0 0 0 25px; line-height:30px;}
#applications_web a:hover {color: #f93; background: url(../images/puce_triangle_rouge.png) no-repeat; margin: 0px 0 0 20px; padding: 0 0 0 25px;}



#creation_sites {  
	height: 115px; width: 270px;
	text-align: left;
	margin: 0 13px 0 10px ;	padding:75px 0 0 0;
	float: left;	
}
#creation_sites a {color:#999; font-size: 14px; text-decoration:none; background: url(../images/puce_triangle.png) no-repeat; height:18px; margin: 0px 0 0px 10px; padding: 0 0 0 25px; line-height:22px;}
#creation_sites a:hover {color: #f93; font-size: 14px; background: url(../images/puce_triangle_rouge.png) no-repeat;margin: 0px 0 0px 20px;padding: 0 0 0 25px;}

#referencement { 
	height: 90px; width: 270px;
	text-align: left;
	padding:100px 0 0 0; 
	float:left;
}
#referencement a {color:#999; font-size: 14px;text-decoration:none;background: url(../images/puce_triangle.png) no-repeat; height:18px; margin: 0px 0 0px 10px; padding: 0 0 0 25px; line-height:22px;}
#referencement a:hover {color: #f93; font-size: 14px; background: url(../images/puce_triangle_rouge.png) no-repeat; margin: 0px 0 0px 20px; padding: 0 0 0 25px;}
 
#partie_droite{
	border: 0px solid #f3f;
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
}

#produits_mediaprodx { 
	background: url(../images/produits_mediaprodx.png) no-repeat; 
	height: 170px;
	width: 150px;
	padding: 80px 5px 0 0;
	border: 0px solid blue;
	font-size: 13px;	
}
#produits_mediaprodx p {margin:0 5px; width: 140px; font-size: 10px;}

#produits_mediaprodx li {list-style-type: none; list-style-image: none; width: 145px; border-bottom: 1px solid white; margin-left: 3px;}
#produits_mediaprodx a { color: #999; font-weight: bold; text-decoration: none; border-left: 12px solid #fc6; padding-left: 5px; width: 100%;}
#produits_mediaprodx a:visited {color: #999;}
#produits_mediaprodx a:hover {color: #f93; border-color: #F93; background-color: #ccc;}

ul.sousmenu {width: 170px; float: right; background-color: #CCC; margin: 10px;} 
ul.sousmenu li {list-style-type: none; list-style-image: none; width: 100%; border-bottom: 1px solid white; margin: 0;}
ul.sousmenu a { color: #999; font-weight: bold; text-decoration: none; border-left: 12px solid #fc6; padding-left: 5px; width: 100%;}
ul.sousmenu a:visited {color: #999;}
ul.sousmenu a:hover {color: #f93; border-color: #F93; background-color: #ccc;}


#espaceclients {
	background: url(../images/news.png) no-repeat;
	height: 124px;	width: 150px;
	margin: 15px 0 0 0; 
	float: left;
	border: 0px solid blue;
	text-align: center;
}
	
#espaceclients h1 {
	color: #f93;
	font-family: arial; font-size: 18px;
	letter-spacing: 0px;
	background: transparent;
	padding: 5px 0 0 10px; margin: 0 0 10px;
}

#news {width: 600px; margin-left: 10px; float: left; text-align: justify;}
#news h1 {color: #F90; font-family: "arial black"; padding: 0; margin: 5px 20px; background: transparent;}
#news li {display: inline; margin: 0; padding: 0;}

#pied_page {
	background: url(../images/bandeau_pied_page.png) no-repeat bottom; 
	clear: both; /*pour Mozilla : va se mettre sous chacune des boîtes flottantes qui précèdent dans le code source.*/
	border: 0px solid yellow;
	margin: 20px 0 5px 5px;
	padding: 0 10px;
	height: 85px;
}

#pied_page img  {float:left; margin:15px 0 0 10px; border: 0;}


#logos_pro {background: url(../images/bandeau_logos_pro.png) no-repeat top; width: 730px; height: 37px;}
#logos_pro img {margin:0 20px;}

/* REFERENCES */
#references {width: 90%; margin: auto;}

/* GLOSSAIRE */
div.definition {margin: 10px; text-align: left;}
div.definition h4 {display: inline;}

a.aide {color: green; border-bottom: 1px green dashed; text-decoration: none;}
a.aide:link {cursor:help;}
a.aide:visited {color: green; cursor:help;}
a.aide:hover {text-decoration: none; cursor:help;}

a.info {color: red; text-decoration: none; display: block; text-align: right; font-size: 1.5em; font-weight: bold; font-style: italic;}
a.info:link {}
a.info:visited {color: red;}
a.info:hover {text-decoration: none;}

/* ACTUALITES */
div.date_art {margin: 1em; text-align: right; font-style: italic; border-top: 1px #f93 dotted;} 
#derniers_liens {clear: both; margin: 2em auto;}
#archives {margin: 2em auto;}

/* CONTACT */
table.contact_form {padding: 1em;}

/* ESPACE CLIENT */
#infoclient {border: 1px black solid; margin: auto; width: 90%;}

/* ADMIN */
.voir {background-color: white;}