@CHARSET "UTF-8";

@font-face {
	font-family: "HelveticaNeue-Bold";
	src: url('./fonts/HelveticaNeue-Bold.eot'); /* IE */
	src: local("HelveticaNeue-Bold"), url('./fonts/HelveticaNeue-Bold.ttf') format("truetype"); /* non-IE */
}

@font-face {
	font-family: "HelveticaNeue-Light";
	src: url('./fonts/HelveticaNeue-Light.eot'); /* IE */
	src: local("HelveticaNeue-Light"), url('./fonts/HelveticaNeue-Light.ttf') format("truetype"); /* non-IE */
}

/* GLOBAL */
* { margin:0; padding:0; border:0;} 
body {
	background: #FFF url(/images/fond.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #273f68;
}
p { padding:2px 0 8px 0;}
a { color:#273f68; 	}
a:hover { color:#99afd0; text-decoration: none; 	}
a:focus { outline: none; 	}
div {width: 100%; overflow: auto;}
h2, h3, h4 {margin: 0; padding: 0; width: 100%;}


/* TEMPLATE */
#container, #container_accueil { 
	width: 1029px;
	background-color: #ffffff;
	background-image: url(/images/fond_container.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto; 
}
#header {
	height: 99px;
	background-image: url(/images/fond_header.gif);
	background-repeat: repeat-x;
	margin-bottom: 8px;
	_overflow: visible;	/* IE6 */
}
#content {
	/*width: 976px;*/
	width: 977px;
	margin-left: 26px;
	min-height: 500px;
	height: auto;	
}
#footer {
	height: 50px;
	background-color: #f9fafc;
	margin-top: 26px;
	font-size: 11px;
	overflow: hidden;
}


/* HEADER */
#header h1 {
	width: 84px;
	height: 95px;
	background: url(/images/logo.gif) no-repeat;
	margin-top: 4px;
	margin-left: 12px;
	float: left;
}
#header h1 a{ display:block; height:95px; width:84px; float:left;}
#header h1 a span{ display:none;}
#header #menus {
	float: left;
	width: 875px;
	margin-left: 53px;
	margin-top: 4px;
	overflow: hidden;
}
#header #menus #menu, #header #menus .sous_menu {
	float: left;
	width: 100%;
	list-style: none;
	height: 32px;
	margin-bottom: 6px;
}
#header #menus .sous_menu {
	display: none;
	/*margin-left: 97px;*/
	margin-left: 102px;
	_margin-left: 52px;	/* IE6 */
	margin-top: 4px;
	height: 15px;
}
#container #header #menus .sous_menu.marques { 
	/*margin-left: 0;*/	/* Cf. hreder.html */
}
#container.marques #header #menus .sous_menu.marques { 
	display: block;
}
#container.contact #header #menus .sous_menu.contact { display: block; }
#header #menus #menu li {
	float: left;
	height: 32px;
}
#header #menus #menu li a, #header #menus .sous_menu li a { display:block; height:100%; width:100%; float:left;}
#header #menus #menu li a span { display:none;}
#header #menus #menu li#accueil {
	width: 102px;
	background: url(/images/boutons/fr/btn_accueil_off.gif) no-repeat;
}
#header #menus #menu li#accueil.selected {	background-image: url(/images/boutons/fr/btn_accueil_on.gif);}
#header #menus #menu li#marques {
	width: 147px;
	background: url(/images/boutons/fr/btn_marques_off.gif) no-repeat;
}
#header #menus #menu li#marques.selected {	background-image: url(/images/boutons/fr/btn_marques_on.gif);}
#header #menus #menu li#societe {
	width: 125px;
	background: url(/images/boutons/fr/btn_societe_off.gif) no-repeat;
}
#header #menus #menu li#societe.selected {	background-image: url(/images/boutons/fr/btn_societe_on.gif);}
#header #menus #menu li#contact {
	width: 107px;
	background: url(/images/boutons/fr/btn_contact_off.gif) no-repeat;
}
#header #menus #menu li#contact.selected {	background-image: url(/images/boutons/fr/btn_contact_on.gif);}

#header #menus .sous_menu li {
	float: left;
	height: 15px;
	padding-right: 24px;
	margin-left: 24px;
	border-right: 1px solid #99afd0;
	text-align: center;	
	white-space: nowrap;
	overflow: visible;
}
#header #menus .sous_menu.marques li {
	padding-right: 10px;
	margin-left: 10px;
}
#header #menus .sous_menu li a {
	color: #99afd0;
	font-size: 16px;
	text-decoration: none;
}
#header #menus .sous_menu li a:hover { 
	color: #0c3870;
	font-weight: bold;
}
#header #menus .sous_menu li.selected a {
	color: #0c3870;
	font-weight: bold;
}
#header #menus .sous_menu li#zero_forfait, #header #menus .sous_menu li#nous_contacter { margin-left: 0px; }
#header #menus .sous_menu li#zero_forfait_entreprises, #header #menus .sous_menu li#nous_rejoindre { border-right: none; margin-right: 0px; }
#header #menus .sous_menu li#zero_forfait { width: 125px; }
#header #menus .sous_menu li#call_in_europe_usa { width: 145px; }
#header #menus .sous_menu li#call_in_europe_france { width: 165px; }
#header #menus .sous_menu li#locamobile { width: 90px; }
#header #menus .sous_menu li#nous_contacter { width: 117px; }


/* ACCUEIL */
h3#accueil, h3#couvre_marche {
	height: 338px;
	background: url(/images/titres/fr/accueil.jpg) no-repeat;	
	line-height: -5000px;
	text-indent: -5000px;
}
h3#couvre_marche {
	height: 17px;
	background: url(/images/titres/fr/couvre_marche.gif) no-repeat;
	margin-top: 26px;
}
.cadre_accueil {
	float: left;
	margin-top: 10px;	
	width: 475px;
	height: 220px;
	background: url(/images/haut_cadre_accueil.gif) no-repeat;
	overflow: hidden;
}
.cadre_accueil .colonnes {
	background: url(/images/fond_cadre_accueil.gif) repeat-y;
}
.cadre_accueil .bas_cadre {
	background: url(/images/bas_cadre_accueil.gif) no-repeat;
	height: 12px;
	overflow: hidden;
}
.cadre_accueil h4, .cadre_mg h4, .cadre_mp h4, .cadre_mtg h4, .cadre_c1 h4, .cadre_c2 h4, .cadre_c3 h4, .cadre_c4 h4 {
	width: 469px;
	height: 28px;
	margin-top: 3px;
	margin-left: 3px;
	background-color: #00368a;
	font-family: Helvetica, Arial, sans-serif; 
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	text-indent: 8px;
	line-height: 26px;
}
.cadre_c4 h4 {
	width: 969px;
}
.cadre_accueil h4 {
	font-weight: bold;
	text-transform: uppercase;
}
.cadre_accueil .colonne_gauche, .cadre_accueil .colonne_droite {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	/*height: 152px;*/
	height: 162px;
	overflow: hidden;
}
.cadre_accueil .colonne_gauche {
	width: 88px;
	background-image: url(/images/sep_colonnes_accueil.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
.cadre_accueil .colonne_droite {
	width: 351px;
	_width: 340px;	/* IE6 */
}
.cadre_accueil .colonne_droite ul {
	margin-left: 13px;
	margin-left: 15px\9;	/* IE */
}
.cadre_accueil .colonne_droite li {
	display: list-item;
	list-style-image: url(/images/puce_liste_r.gif);
	margin-bottom: 12px;
}


/* FOOTER */
#footer .logos, #footer .liens_langues, #footer .liens {
	float: left;
	width: 300px;	
	overflow: hidden;
}
#footer .logos {
	margin-left: 4px;
	margin-top: 2px;
}
#footer .liens {
	width: 440px;
	margin-top: 12px;
	text-align: center;
}
#footer .liens .sep {
	margin-left: 12px;
	margin-right: 12px;
}
#footer .liens a {	text-decoration: none;}
#footer .liens a:hover {	text-decoration: underline; }
#footer .liens_langues {
	margin-top: 12px;
	text-align: right;
}
#footer .logos a {
	float: left;
	margin-right: 2px;	
}
#footer .logos a.dids {float: right;}


/* MARQUES */
.cadre_mg {
	float: left;
	width: 626px;
	/*height: 239px;*/
	background: url(/images/haut_cadre_mg.gif) no-repeat;
}
.cadre_mg .contenu {
	background: url(/images/fond_cadre_mg.gif) repeat-y;
}
.cadre_mg .bas_cadre {
	background: url(/images/bas_cadre_mg.gif) no-repeat;
	background-position: 0px -6px;
	height: 6px;
	overflow: hidden;
}
.cadre_mp, .cadre_c2 {
	float: left;
	width: 327px;
	/*height: 204px;*/
	height: auto;
	margin-left: 24px;
	background: url(/images/haut_cadre_mp.gif) no-repeat;
	overflow: visible;
}
#container .colonne_droite .cadre_mp {
	margin-left: 0px;
	margin-bottom: 22px;
}
.cadre_mp .contenu, .cadre_c2 .contenu {
	background: url(/images/fond_cadre_mp.gif) repeat-y;
}
.cadre_mp .bas_cadre, .cadre_c2 .bas_cadre {
	background: url(/images/bas_cadre_mp.gif) no-repeat;
	background-position: 0px -6px;
	height: 6px;
	overflow: hidden;
}
.cadre_mtg {
	float: left;
	width: 977px;
	/*height: 156px;*/
	overflow: auto;
	margin-top: 24px;
	background: url(/images/haut_cadre_mtg.gif) no-repeat;
}
.cadre_mtg .contenu {
	background: url(/images/fond_cadre_mtg.gif) repeat-y;
	overflow: visible;
}
.cadre_mtg .bas_cadre {	
	background: url(/images/bas_cadre_mtg.gif) no-repeat;
	background-position: 0px -6px;
	height: 6px;
	overflow: hidden;
}
.cadre_mg h4 {
	width: 620px;
}
.cadre_mp h4 {
	width: 321px;
}
.cadre_mtg h4 {
	width: 971px;
}

#container .cadre_mg .colonne_gauche, #container .cadre_mg .colonne_droite {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	/*height: 191px;*/
	overflow: hidden;
}
#container .cadre_mg .colonne_gauche {
	width: 112px;
	background-image: url(/images/sep_colonnes_mg.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
#container .cadre_mg .colonne_gauche img { margin-bottom: 10px; }
#container .cadre_mg .colonne_droite {
	width: 478px;
	line-height: 16px;
}
#container .cadre_mg .colonne_droite ul {	
	margin-top: 3px;
	margin-left: 17px;
	margin-left: 19px\9;	/* IE */
}
#container .cadre_mg .colonne_droite li {
	display: list-item;
	list-style-image: url(/images/chevron_r.gif);
}
ul#contact {
	list-style: none;
	margin-top: 4px;	/* 12 - 8 */
	margin-left: 24px;
	line-height: 22px;
}
ul#contact li {
	padding-left: 59px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-bottom: 12px;
}
ul#contact li#telephone { background-image: url(/images/icones/telephone.gif); }
ul#contact li#mail { background-image: url(/images/icones/mail.gif); }
ul#contact li#web { background-image: url(/images/icones/web.gif); }
ul#contact a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
ul#contact a:hover {
	text-decoration: none;
	color: #273F68;
}
ul#produits_titre, ul#produits_description {
	float: left;
	list-style: none;
	width: 219px;
	margin-left: 2px;
	margin-top: 12px;
	*margin-top : 15px;	/* IE6,7 */
	_margin-top : 12px;	/* IE6 */
}
ul#produits_description {
	width: 729px;
	_width: 725px;	/* IE6 */
	/*margin-left: 12px;*/
	margin-top : 12px;
	*margin-top : -4px;	/* IE6,7 */
}
#container.societe ul#produits_titre {
	margin-right: 0;
}
#container.societe ul#produits_description {
	width: 730px;
	margin-right: 0px;
	margin-top: 6px;
} 
ul#produits_titre li {
	width: 100%;
	height: 39px;
	padding: 0;
	margin: 0;
	*margin-top : -3px;	/* IE6,7 */
	/*font-family: HelveticaNeue-Light, Helvetica;*/
	font-size: 17px;
	font-weight: normal;
	background-image: url(/images/fond_titre_produit_off.gif);
	color: #ffffff;
	cursor: pointer;
	line-height: 36px;
	text-indent: 15px;
	list-style: none;
}
ul#produits_titre li.selected {
	/*font-family: HelveticaNeue-Bold, Helvetica;*/
	font-weight: bold;
	background-image: url(/images/fond_titre_produit_on.gif);
}
ul#produits_description li { display: none; }
ul#produits_description ul.ul_contenu li { display: block; }
ul#produits_description ul.ul_contenu {
	margin-left: 25px;
	margin-left: 17px\9;	/* IE */
}
ul#produits_description ul.ul_contenu ul {
	margin-left: 24px;
}
ul#produits_description ul.ul_contenu li {
	display: list-item;
	list-style-image: url(/images/puce_liste_r.gif);
	margin-bottom: 12px;
}
ul#produits_description ul.ul_contenu li li {
	display: list-item;
	list-style-image: url(/images/chevron_r.gif);
	margin-bottom: 0px;
}
ul#produits_description li {
	margin-bottom: 0px;
	margin-right: 0px;
	list-style-image: none;
}
ul#produits_description li#gentemann div, ul#produits_description li#uzzan div {
	float: left;
	width: 118px;
	margin-top: 16px;
}
ul#produits_description li#gentemann .ulc, ul#produits_description li#uzzan .ulc {
	float: left;
	width: 570px;
}
#en_savoir_plus {
	float: left;
	width: 168px;
	height: 28px;
	margin-top: 22px;
	margin-left: 15px;
	overflow: visible;
}


/* MENTIONS LÉGALES */
.contenu_cadre ul {
	margin-top: 12px;
	margin-right: 12px;
	margin-left: 25px;
}
.contenu_cadre ul li {
	font-weight: bold;
	font-size: 12px;
	display: list-item;
	list-style-image: url(/images/puce_liste_r.gif);
	margin-bottom: 24px;
	line-height: 18px;
}
.contenu_cadre ul.normal li {	font-weight: normal; }
.contenu_cadre ul ul {
	margin-top: 12px;
	margin-left: 24px;
}
.contenu_cadre ul ul li {
	font-weight: normal;
	font-size: 12px;
	display: list-item;
	list-style-image: url(/images/chevron_r.gif);
}


/* CONTACT */
#container .colonne_gauche {
	float: left;
	width: 626px;
	overflow: hidden;
}
#container.societe .colonne_gauche, #container.nous_rejoindre .colonne_gauche {
	width: 976px!important;
}
#container .colonne_droite {
	float: left;
	width: 327px;
	margin-left: 24px;
	overflow: visible;
}
.cadre_c1 {
	float: left;
	width: 626px;
	height: 101px;
	background: url(/images/fond_cadre_c1.gif) no-repeat;
}
/*.cadre_c2 {
	float: left;
	width: 327px;
	height: 240px;
	background: url(/images/fond_cadre_c2.gif) no-repeat;
}*/
.cadre_c2 {
	margin-left: 0px;	
}
.cadre_c3, .cadre_c4 {
	float: left;
	width: 626px;
	/*height: 362px;*/
	background: url(/images/haut_cadre_c3.gif) no-repeat;
	margin-top: 22px;
	/*overflow: hidden;*/
	overflow: auto;
}
.cadre_c4 {
	background: url(/images/haut_cadre_c4.gif) no-repeat;
	width: 975px;
}
#container.societe .cadre_c3, #container.societe .cadre_c2, #container.nous_rejoindre .cadre_c3 {
	width: 976px!important;
	background: url(/images/haut_cadre_c3b.gif) no-repeat;
}
#container.nous_contacter .cadre_c2 {
	/*margin-top: 23px;*/
}
.cadre_c3 .bas_cadre, .cadre_c4 .bas_cadre {
	background: url(/images/bas_cadre_c3.gif) no-repeat;
	height: 12px;
	overflow: hidden;
}
.cadre_c4 .bas_cadre {
	background: url(/images/bas_cadre_c4.gif) no-repeat;
}
#container.societe .cadre_c3 .bas_cadre, #container.nous_rejoindre .cadre_c3 .bas_cadre {
	background: url(/images/bas_cadre_c3b.gif) no-repeat;
}
.cadre_c1 h4, .cadre_c3 h4 {
	width: 620px;
}
#container.societe .cadre_c3 h4, #container.nous_rejoindre .cadre_c3 h4 {
	width: 970px;
}
.cadre_c2 h4 {
	width: 321px;
}
#container.contact ul#contact {
	line-height: 16px;
	/*height: 50px;*/
	overflow: auto;
}
#container.contact ul#contact li {
	float: left;
	height: 100%;
	padding-left: 40px;
	background-position: top left;	
	width: 120px;
	overflow: visible;
}
#container.contact ul#contact a { font-size: 12px;}
#container.contact ul#contact li#telephone { background-image: url(/images/icones/telephone2.gif); margin-right: 45px; }
#container.contact ul#contact li#mail { background-image: url(/images/icones/mail2.gif); }
#container.contact ul#contact li#courrier { background-image: url(/images/icones/courrier2.gif); margin-right: 45px; }
#container .cadre_c2 .colonne_gauche, .cadre_c2 .colonne_droite, #container .cadre_c3 .colonne_gauche, .cadre_c3 .colonne_droite {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
	height: 196px;
	overflow: hidden;
}
#container .cadre_c2 .colonne_gauche, #container .cadre_c3 .colonne_gauche {
	width: 104px!important;
	background-image: url(/images/sep_colonnes_accueil.gif);
	background-repeat: repeat-y;
	background-position: top right;
	text-align: center;
	height: auto;
}
#container.societe .cadre_c3 .colonne_gauche {
	height: 115px;
}
#container .cadre_c2 .colonne_gauche img, #container .cadre_c3 .colonne_gauche img { margin-bottom: 20px; }
#container .cadre_c2 .colonne_droite, #container .cadre_c3 .colonne_droite {
	width: 172px;
	height: auto;
}
#container .cadre_c2 .colonne_droite ul {
	margin-left: 13px;
	margin-left: 15px\9;	/* IE */
}
#container .cadre_c2 .colonne_droite li {
	display: list-item;
	list-style-image: url(/images/puce_liste_r.gif);
	font-size: 12px;
	font-weight: bold;
}
#container .cadre_c2 .colonne_droite li .telephone { font-size: 17px; }
#container .cadre_c2 .colonne_droite li a { font-weight: normal; }


/* FORMULAIRE */
#formulaire {
	margin-top: 12px;
	/*margin-left: 12px;*/
}
.cadre_c3 #formulaire, .cadre_c3 .contenu_cadre, .cadre_c4 .contenu_cadre {
	overflow: auto;
	width: 100%;
	background: url(/images/fond_cadre_c3.gif) repeat-y;
}
.cadre_c4 .contenu_cadre {
	background: url(/images/fond_cadre_c4.gif) repeat-y;
}
#container.societe .cadre_c3 .contenu_cadre, #container.nous_rejoindre .cadre_c3 #formulaire {
	background: url(/images/fond_cadre_c3b.gif) repeat-y;
	overflow: hidden;
}
#formulaire .blocleft, #formulaire .blocright {
	width: 243px; 
	float: left; 
	position: relative;
	overflow: visible;
}
#formulaire .colonne1, #formulaire .colonne2 {
	float: left;
	width: 55%;
}
#formulaire .colonne2 { width: 45%; }
#formulaire .blocright { width: 272px; }
#formulaire .blocinline, #formulaire label, #formulaire input {
	float:left;
}
#formulaire .blocinline {
	width: 515px;
}
#formulaire .colonne2 .blocinline {
	width: 415px;
}
#formulaire .oblig {
	font-size: 10px;
	margin-left: 12px;
	margin-bottom: 10px;
}
#container.nous_rejoindre .cadre_c3 #formulaire .oblig { width: 80% }
#formulaire label {
	width: 97px;
	margin-right: 10px;
	text-align: right;
	height: 26px;
	line-height: 26px;
	margin-bottom: 12px;
}
#formulaire .colonne2 label { text-align: left; margin-bottom: 0;}
#formulaire .blocright label { width: 126px;}
#formulaire input, #formulaire textarea, #formulaire select {
	width: 134px;
	height: 24px;
	border: 1px solid #273f68;
	margin-bottom: 12px;
	color: #273f68;
}
#formulaire textarea {
	width: 406px;
	_width: 403px;	/* IE6 */
	height: 140px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari / Chrome */
	#formulaire textarea { width: 403px;  }
}
#formulaire select {
	width: 238px;
	*margin-top: 10px;	/* IE6,7 */
}
#formulaire .input_file {
	*margin-top: 12px;	/* IE6,7 */
	_margin-top: 0px;	/* IE6 */
	*height: 38px;	/* IE6,7 */	
}
#formulaire .input_file div {
	margin-left: 12px;
}
#forms_errors {
	float: left;
	margin-top: 24px;
	margin-left: 20px;
	color: #ff0000;
}
#formulaire input#submit {
	float: right;
	border: none;
	width: 169px;
	height: 28px;
	text-indent: 500px;
	overflow: hidden;
	*padding-top: 50px;	/* IE6,7 */
	background-image: url(/images/boutons/fr/btn_envoyer.gif);
	background-repeat: no-repeat;
}

{
	float: left;
	width: 626px;
	overflow: hidden;
}