/* ************************************************
Style V3 pour Docteur Ordinateur Agence de Bordeaux

- design & code :		[ 	Olivier GIROUX | #ChampdePub - http://www.champ-de-pub.com	]
- photos : 				[	Istock - http://www.istockphoto.com							]
- icônes : 				[	Icônes Linux | XMB - http://download.xmbforum.com			]
************************************************ */
/*	-----
Import des fichiers externes
	-----  */
@import url(recherche-google.css);
/*	******************************************** */
/*	-----
Redéfinition des balises HTML
	-----  */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
	font: 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:   #CACACA url("../images/general/deco/fond-page.gif") repeat-y center top;
}
a:link, a:visited {	text-decoration: none;}
a:hover, a:active {	text-decoration: underline;}
/*	******************************************** */
/*	-----
Mise en page du site
	-----  */
/*	Page */
#cadre {
	width: 950px;
	margin-left: -475px;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: #FFF;
}
/*	Barre de gauche	*/
/*
----- Menu à gauche */
/*Position de la liste */
#menu {
	left: 50%;
	position: absolute;
	z-index: 1;
	margin-left: -465px;
	width: 180px;
	top: 98px;
}
/*Forme des éléments la liste */
#menu li {
	height: 30px;
	width: 170px;
	padding-left: 10px;
	border-bottom: 5px solid #FFF;
	list-style-type: none;
	clear: left;
	background: #6C3 url("../images/general/deco/menu-left.gif") no-repeat left top;
}
/* Exception pour les icônes seules */
#menu li.homepage, #menu li.groupe, #menu li.contact {
	height: 22px;
	width: 50px;
	float: left;
	clear: none;
	border-bottom: 10px solid #FFF;
	background-image: none;
	background-color: #FFF;
}
#menu a span { font-size: 13px;}
/* Disparition des textes du menu */
#menu .homepage span, #menu .groupe span, #menu .contact span { display: none;}
/* Zone de clic étendue */
#menu a { display: block; width: 100%; height: 20px; padding: 5px; padding-top: 7px;  padding-left: 25px;}
#menu a:link, #menu a:visited { color: #FFF; }
#menu a:hover, #menu a:active { color: #C00; }
/* Disposition des images */
#menu a {
	background-repeat: no-repeat;
	background-position: left center;
}
/* Exception pour les images des icônes seules */
#menu .homepage a, #menu .groupe a, #menu .contact a {
}
/* Images pour chaque menu */
#menu .homepage a	{	background-image:   url("../images/general/boutons/home.png");}
#menu .groupe a	{	background-image:   url("../images/general/boutons/Dr-Ordinateur.png");}
#menu .contact a	{	background-image:   url("../images/general/boutons/mail.png");}

#menu .newsletter a	{	background-image:   url("../images/general/boutons/pdf.png");}
#menu .temoignages a	{	background-image:    url("../images/general/boutons/temoignages.png");}
#menu .equipe a		{	background-image:    url("../images/general/boutons/equipe.png");}
#menu .outils a		{	background-image:    url("../images/general/boutons/outils-gratuits.png");}
#menu .presse a		{	background-image:    url("../images/general/boutons/presse.png");}
/*
----- Partenaires */
#partenaires {
	left: 50%;
	position: absolute;
	z-index: 1;
	margin-left: -465px;
	width: 180px;
	top: 300px;
	padding-top: 30px;
}
#partenaires li {
	height: 50px;
	width: 80px;
	border: 5px solid #FFF;
	list-style-type: none;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
} 
#partenaires li h5 { display: none;} 
 
#partenaires li.orange {
	background-image:   url("../images/general/logos/partenaire_orange.png");
} 
#partenaires li.neuf-telecom {
	background-image:   url("../images/general/logos/partenaire_le-neuf.png");
} 
#partenaires li.club-internet {
	background-image:   url("../images/general/logos/partenaire_club-internet.png");
} 
#partenaires li.microsoft {
	background-image:   url("../images/general/logos/partenaire_microsoft.png");
} 
#partenaires li.genius-laposte { 
	background-image:   url("../images/general/logos/partenaire_genius-laposte.png");
} 
#partenaires li.ordissimo { 
	background-image:   url("../images/general/logos/partenaire_ordissimo.png");
} 
/*
----- */
/*
----- Bandeau de droite */
/* */
#side{
	width: 240px;
	left: 50%;
	position: absolute;
	margin-left: 225px;
	top: 90px;
	font-size: 11px;
	line-height: 17px;
}
#side h2, #side h4 {
	width: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	clear: left;
	}
#service-personne h2 {
	background-image:    url("../images/general/logos/ANSP.png");
	height: 61px;
	}
#deduction h4 {
	background-image:    url("../images/general/logos/deduction.png");
	height: 61px;
	}
#cesu h4 {
	background-image:    url("../images/general/logos/CESU.png");
	height: 74px;
	}
#side div {
	clear: both;
	border-top: 10px solid #FFF;
	}
#internet-accompagne, #internet-accompagne h2{
	height: 100px;
	}
#internet-accompagne h2{
	background-image:    url("../images/general/logos/Internet-accompagne.png");
	}
#side h2 span, #side h4 span{
	display: none;
	}
/*
----- Header (Logo & adresse) */
/*Position du header */
#header {
	height: 70px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* Mise en forme du bloc titre */
#header h1 {
	background:    url("../images/general/deco/bandeau_Docteur-Ordinateur.png") no-repeat center bottom;
	height: 70px;
	width: 478px;
}
/* Disparition du texte du titre */
#header h1 span { display: none; }
/* La description vient sous l'adresse */
#description {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.75ex;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 97px;
	left: 50%;
	margin-left: 10px;
	width: 460px;
	color: #060;
	border-top: 1px solid #6C3;
	padding-top: 1px;

}
/* Adresse, tél & numéro vert */
#contact {
	height: 65px;
	position: absolute;
	top: 5px;
	left:478px;
	}
#contact h2 {
	background:    url("../images/general/deco/numero-vert.png") no-repeat center center;
	height: 37px;
	width: 460px;
}
#contact h2 span {
	display: none;
}
#contact address {
	height: 20px;
	width: 460px;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
}
/*
----- Le contenu proprement dit */
/*position */
#main {
	margin-top: 100px;
	margin-left: 190px;
	margin-right: 260px;
	border-left: 1px solid #6C3;
	border-bottom: 1px solid #6C3;	
	/*width: 505px;*/
}
#main p { padding: 10px; }

#main ul { padding: 10px;}
#main li {padding: 5px;}
#main p, #page li { padding-bottom: 5px; padding-top: 5px;}
#main h2 {
	color: #6c3;
	padding: 10px;
	padding-left: 0px;
	font-size: 26px;
	line-height: 2ex;
	text-align: center;
	font-weight: normal;
	}
#main h3 {
	color: #6c3;
	padding: 0px;
	font-size: 14px;
	line-height: 2ex;
	}
#main li p { padding: 0px;}

/*
----- */
#legals {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.75ex;
	color: #006600;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-left: 190px;
	margin-right: 260px;
}
#legals a {
	color: #006600;
}