/********************************   STRUCTURE (dans les grands axes) *************************/
/*********************************************************************************************/


/* ------------ éléments généraux ------------ */

#metaConteneur 
	{margin-left:auto; margin-right:auto;
	 width:915px;
	 }
#conteneur {width:775px; float:left;}
#banniereExterne1 
	{width:120px; height:600px; 
	 margin-left:20px; margin-top:50px; margin-bottom:50px; float:left;
	 }
#banniereExterne2 
	{width:120px; height:600px; margin-left:20px; float:left;
	 }

#navigation {margin:0px; padding:0px; clear:left;}
#navigation li
	{float:left; margin:0px;
	 list-style-type:none;
	 text-align:center;
	 }

#buzz {width:15%; margin:0px; padding:0px; float:left; margin-left:85%;}
#buzz li {margin:0px; padding:0px;}

#header .banniere {margin-left:50px; margin-top:15px;}

#bandeau {margin:0px; padding:0px;}
p#accroche {margin:0px; padding:0px; width:85%;  float:left;}

#logo {float:left; display:block;}

/* ------------ éléments de contenu multiples (classes et balises) ------------ */

.ensembleSections {float:left; width:258px; }
.section {width:195px;}

.clearLeft {visibility:hidden; clear:left;}

/* ------------ éléments de contenu uniques (id) ------------ */

#comparateur {float:left; width:339px;}
#comparateur ul li {float:left;}

#comparateurClassique {float:left;}
#jeuConcours {float:left;}
#notreSelection {float:left;}

/****************************** APPARENCE (dans les détails) **************************/
/**************************************************************************************/ 

/* ------------ éléments généraux ------------ */
body {
	  margin-top:0px;}
	  
#conteneur {background-color: #FFFFFF;
}

#bandeau {background: #ffd7ef url(../images/haut.gif) no-repeat top left; height:36px; color:#FFFFFF; padding:4px;  padding-left:8px;}
p#accroche { font-size:1.6em; background-color: #526D94;}
p#accroche strong {font-size:1.4em; font-weight:normal;}

#buzz {background-color: #526D94;}

a#logo img {margin-top:20px; margin-bottom:20px;}
#navigation {width:775px; background-color:#526D94; }
#navigation li a {color:#FFFFFF; text-transform:uppercase; font-weight:bold;} 
#navigation li
	{width:99px;
	 background-color:#526D94;
	 padding-top:6px; padding-bottom:6px;
	 border-top: solid 1px #000000; border-bottom: solid 1px #000000;
	 }
#navigation #actif {background-color:#ffffff;}
#navigation #actif a { color:#000000;}
#navigation #lienComparateur {background-color:#ce2c94;width:140px;}
#navigation #offresOperateurs {width:140px;}

#buzz {list-style: url(../images/puce04.gif); margin:0px; padding:0px;}
#buzz a {color:#FFFFFF;}

details {clear:left;}

#generalites {background: url(../images/bas.gif) bottom center no-repeat; margin:0px; padding:0px; padding-top:12px; height:32px; text-align:center;  color:#fff;}
#generalites a { color:#fff;}

/* ------------ éléments de contenu multiples (classes et balises) ------------ */

.section {width:191px; margin:6px; padding:0px;}
.section p {text-align:justify; margin-top:0px; padding-top:0px;}
.ensembleSections {width:209px;}
.emphase {background-color: #ffffff; margin:10px; padding:3px; border: solid 1px #b5c3de;}

.section h2 {margin-top:0px; margin-bottom:5px; background-color: #526D94; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px;}
.section h2 a {color:#ffffff;}
.section h2 a:hover {color:#ffffff;}
.section h2 .texte13 {  color:#FFFFFF; font-weight:bold;}
.section h3  {margin:0px; padding:0px; font-weight:bold; font-size:100%;}
.section h3 .texte13 {color:#526d94; font-weight:bold;}
.section h3 a {font-size:inherit;}

.section img {float:left; margin:4px;}

.infos {float:left; width:107px; margin-top:0px;}
.infos p {text-align:left; margin-top:5px; line-height:1.1em; margin-bottom:5px;}

.item {clear:left;}

.banniereInterne {width:750px; height:47px; background: #fff url(../images/fondBanniereInterne.jpg) top center no-repeat; margin:10px; padding:1px; clear:left;}
.gaucheBoutonBanniere {float:left; background: #fff url(../images/gaucheBoutonBanniereInterne.gif) top left no-repeat; width:16px; height:38px;}
.fondBoutonBanniere 
	{float:left; background: #fff url(../images/fondBoutonBanniereInterne.gif) top left repeat-x; 
	 height:18px; padding:10px; font-size:1.1em; font-weight:bold;
	 }
.droiteBoutonBanniere {float:left; background: #fff url(../images/droiteBoutonBanniereInterne.gif) top left no-repeat; width:15px; height:38px;}
.boutonBanniere {margin-left:458px; margin-top:5px;}

img {border:none;}

.sectionImportante {background-color:#e7ebf7;}
.sectionImportante h2 
	{font-size:1.4em; padding:4px; padding-left:8px; margin-top:0px; margin-bottom:0px; background: url(../images/h2Relief.gif) top left no-repeat; color:#ffffff; height:18px;}

.descendre a span {display:none;}
.descendre a {display:block; margin-left:85px; margin-top:0px; width:23px; height:12px; background: #fff url(../images/descendre.gif) top center no-repeat;}

form {margin:0px; padding:0px;}

select {width:168px; height:21px; padding:2px; font-size:0.8em; border:none; background: url(../images/fondSelect.gif) top left no-repeat;}
select option {background-color:#fff;}


.ensembleFormulaires {margin:15px;}
.formulaire {background:#fff; border: solid 1px #b5c3de;}
.formulaire form {text-align:center;}

/* ------------ éléments de contenu uniques (id) ------------ */

#comparateur {width:338px; height:337px; padding:0px;}
#comparateur h2 span, #comparateur h3 span {display:none;}
#comparateur li img {background: #fff url(../images/boutonComparez.gif) top center no-repeat; margin-left:45px; margin-top:100px;}
#comparateur h2 {width:338px; height:83px; background: #fff url(../images/titreComparateur.jpg) top center no-repeat;  margin:0px; padding:0px;}
#comparateur ul {margin:0px; padding:0px;}
#comparateur ul li {width:169px; height:127px; margin:0px; padding:0px; list-style-type:none;}
#comparateur #forfaitsClassiques {background: #fff url(../images/forfaitsClassiques.jpg) top center no-repeat;}
#comparateur #forfaitsPros {background: #fff url(../images/forfaitsPro.jpg) top center no-repeat;}
#comparateur #forfaitsBloques {background: #fff url(../images/forfaitsBloques.jpg) top center no-repeat;}
#comparateur #offresPrepayees {background: #fff url(../images/offresPrepayees.jpg) top center no-repeat;}
#comparateur ul li a {display:block; width:100%; height:127px;}

#comparateurClassique { background-color:#e7ebf7;}
#comparateurClassique p {text-align:center; margin-top:10px; margin-bottom:10px;}
#comparateurClassique img {margin-top:5px; margin-left:20px;}
#comparateurClassique strong { display:block; margin-left:15px; padding-top:7px; margin-left:100px; font-size:1.3em; color:#013378;}
#comparateurClassique ul {margin:0px; padding:0px; margin-top:10px; margin-left:10px;}
#comparateurClassique ul li {list-style-type:none; background: #fff url(../images/boutonFondLi.jpg) top center no-repeat; margin:0px; padding:0px; width:166px; height:30px;}
#comparateurClassique ul li a {display:block; height:30px;}

#notreSelection p {margin-bottom:0px;}
#notreSelection {background-color:#e7ebf7; width:198px; }
#notreSelection img {margin-right:10px;}
#jeuConcours {margin-bottom:4px; margin-top:1px; width:198px;}
#jeuConcours h2 
	{background: #ce2c94 url(../images/fondTitrePortable.gif) top left no-repeat; padding-left:40px; height:35px; padding-top:8px; margin-bottom:0px;
	 }
/*#jeuConcours #portable {position:absolute; top:172px; right:173px; width:33px;  height:46px; background: url(../images/portable.gif) top center no-repeat;}*/
#jeuConcours .emphase {margin-top:0px; border-top:none; width:170px;}
#jeuConcours h3 .texte4 {color:#ce2a94; font-weight:bold;}
#jeuConcours {background-color:#fcd1bc;}
#jeuConcours p {font-weight:bold;}

#sectionsImportantes {width:340px;}
#sectionsImportantes .section {width:326px;}

#bonnesAffaires img.logo {margin-top:15px; margin-left:15px; margin-right:25px;}
#bonnesAffaires img.banniere {float:none;}

#partenaires, #footer {text-align:center;}
#partenaires {background: #e7ebf7; height:60px; padding:1px; clear:left;}
#partenaires .emphase {height:23px; padding-top:10px;}

#droits, #generalites {background-color: #efbade;}
#footer {border-top: solid 1px #000000;}

#rechercheOffres { margin:10px; margin-top:0px; padding:1px; width:750px; height:130px; clear:left;}
#rechercheOffres .formulaire {float:left; width:215px; padding:10px; margin:0px;}
#rechercheOffres label {display:none;}
#rechercheOffres select {margin-bottom:1px; margin-right:10px;}
#rechercheOffres h3 {font-size:1em; margin:5px; padding-left:10px; background: #fff url(../images/puce.gif) center left no-repeat;}

#boutique h2 {margin-bottom:0px;}
#boutique .item {padding:10px; padding-top:15px; padding-bottom:10px; border: solid 1px #ccc;    
	height: auto !important;
   	height: 110px;
   	min-height: 110px;}
	
#boutique .infos {margin-left:10px; width:100px;}

#partageAvis h2 {background-color:#ce2c94;}
#partageAvis h2 {border-bottom: solid 5px #e7ebf7;}

#offresFixeEtMobiles img {float:none; margin:0px; padding:0px;}

form#inscri label {display:none;}
form#inscri input {float:left;}
form#inscri p {margin:2px; padding:0px;}
form#inscri a.bouton img {float:none; margin-top:-4px;}
form#inscri input#email {background:#ffffa0;}

/**********************************************************/
a {text-decoration: none; color:#013378;}
a:hover {text-decoration: underline; color:#396AAC;}

a.lien:link {font-family: arial; font-size: 10px; color : #000000; text-decoration : underline}
a.lien:visited {font-family: arial; font-size: 10px; color : #000000; text-decoration : underline}
a.lien:hover {font-family: arial; font-size: 10px; color : #CC0000; text-decoration : none}

a.lien2:link {text-decoration : none}
a.lien2:visited {text-decoration : none}
a.lien2:hover {color : #CC0000; text-decoration : none}

div.champcoord, input.champcoord, select.champcoord, textarea.champcoord, option.champcoord
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
input.champcoord, select.champcoord, option.champcoord, textarea.champcoord
{
	background-color:#FFFFFF;
	border:#013378 solid 1px;
}


div.champcoord2, input.champcoord2, select.champcoord2, textarea.champcoord2, option.champcoord2
{
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	color:#000000;
}
input.champcoord2, select.champcoord2, option.champcoord2, textarea.champcoord2
{
	background-color:#000000;
	border:#CE1C39 solid 3px;
}

div.champcoord3, input.champcoord3, select.champcoord3, textarea.champcoord3, option.champcoord3
{
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#333333;
}
input.champcoord3, select.champcoord3, option.champcoord3, textarea.champcoord3
{
	background-color:#F7F7F7;
	border:#CE1C39 solid 1px;
}
********/

/**********************************************************/

div.coordPR, div.coordP
{
	font-family:verdana;
	font-size:9px;
	font-weight:normal;
	color:#000000;
}

div.coordP
{
	font-family:verdana;
	font-size:9px;
	font-weight:normal;
	color:#606060;
}

div.coordPR
{
	font-family:verdana;
	font-size:9px;
	color:brown;
}

div.titre
{
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	color:#DD0000;
}

div.stitre
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#777777;
}


div.tmenu
{
	font-family:times;
	font-size:13px;
	font-weight:normal;
	color:#FFFFFF;
}

div.texte, div.texte input 
{
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

div.texte1
{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

div.texte2
{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#CC0000;
}

div.texte3
{
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

div.texte4
{
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#000000;
}

div.texte5
{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#666666;
}

div.texte6
{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

div.texte7
{
	font-family:times new roman;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}

div.texte8
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}

div.texte9
{
	font-family:arial;
	font-size:8px;
	font-weight:normal;
	color:#000000;
}

div.texte10
{
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	color:#000000;
}

div.texte11
{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}

div.minipolice
{
	font-family:arial;
	font-size:7px;
	font-weight:normal;
	color:#000000;
}

div.texte13
{
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	color:#000000;
}

/***********************/