@charset "UTF-8";

/*@import "reset.css";*/


/****

* A. Librairies (CSS reset...)

****/
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,form,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;}

	a img,:link img,:visited img{border:0;}

	table{border-collapse:collapse;border-spacing:0;}

	ol, ul {list-style:none;}

	q:before,q:after, blockquote:before,blockquote:after{content:"";}

	strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}

	em{font-style:italic;} 

	input, textarea, select {font-family:Verdana,Arial;font-size:99%;}

	select { border:1px solid #333333; margin:0;}

	a {outline:none;}


/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
HTML {
	font-size:62.5%;
}
BODY {
	padding:0;
	/*font-size: .75em;*/
	color: #333333;
	font-family: Verdana,Arial;
	background: #f0eded url(../_image/fond_motif.gif) repeat left top;
	border-top: 3px solid #b12b1a;
	padding:0 0 10px;
}


/* Liens */
A {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
A:hover {
}

/* Titres */
H1 {
	color: #008fa6;
	font-size: 2.4em;
	padding: 20px 15px 0;
	background: url(../_image/background_titre.png) no-repeat left top;
	height: 44px;
	margin-bottom: 30px;
}
H2 {
	font-size: 1.4em;
	color: #008fa6;
}
H2.souligne {
	background: url(../_image/pointille.gif) repeat-x left bottom;
	padding-bottom: 3px;
	clear: both;
	font-size: 1.5em;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.generali-detail H2,
.mea H2.max {
	font-weight: normal;
	font-style: normal;
	font-size: 2.4em;
	margin-bottom: 10px;
}

.mea H3 {
	font-size: 1.4em;
	color: #008fa6;
}


/* cadre alerte */
.alert {
	background: #fff6bf url(../_image/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin-bottom: 25px;
}
/* cadre erreur*/
.erreur {
	background: #fef1ec url(../_image/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	border-top: 2px solid #cd0a0a;
	border-bottom: 2px solid #cd0a0a;
	color:#cd0a0a;
	margin-bottom: 25px;
	padding: 10px 20px 10px 45px;
}
/* cadre confirmation*/
.confirmation {
	background: #fff6bf url(../_image/yes.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin-bottom: 25px;
}

.erreursaisie {
	color: #cd0a0a;
}


/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	background: white;
	width: 900px;
	margin: 7px auto 0;
	height: 120px;
	position: relative;
}

.logosite {
	float: left;
	margin-left: 10px;
	margin-bottom: 2px;
}

.logotop {
	width: 314px;
	height: 52px;
	overflow: hidden;
	background: #b12b1a url(../_image/background-logo-top.gif) no-repeat left bottom;
	display: block;
	position: absolute;
	right: 10px;
	top: -7px;
	text-align: center;
}

UL.lientop {
	text-align: right;
	margin-right: 335px;
}

UL.lientop LI {
	display: inline;
	line-height: 2.1em;
	color: #b12b1a;
}
UL.lientop LI A:hover {
	text-decoration: underline;
}

.menuhaut {
	clear: both;
	height: 26px;/*34px*/
	background: #b12b1a url(../_image/barre_nav.png) repeat-x left bottom;
	z-index: 200;
	position: relative;
	padding-left: 29px;
	padding-top: 8px;
}

.menuhaut LI {
	display: inline;
	font-size: 1.2em;
}
.menuhaut LI A {
	color: white;
	padding-left: 15px;
	padding-right: 11px;
	background: url(../_image/puce1.gif) no-repeat left center;
}
.menuhaut LI A:hover {
	background: #f0eded url(../_image/puce2.gif) no-repeat left center;
	color: #b12b1a;
}

.menuhaut.mm-mat LI#mm-mat A,
.menuhaut.mm-ser LI#mm-ser A,
.menuhaut.mm-tar LI#mm-tar A,
.menuhaut.mm-gar LI#mm-gar A,
.menuhaut.mm-gsd LI#mm-gsd A,
.menuhaut.mm-cse LI#mm-cse A {
	background: white url(../_image/puce2.gif) no-repeat left center;
	color: #b12b1a;	
}


/*----------------------------------------------+
+ Bas du site							        +
+----------------------------------------------*/
#bassite {
	background: white;
	width: 880px; /*900*/
	margin: 0 auto;
	border-top: 3px solid #b12b1a;
	padding-top: 0;
	padding: 10px;
	overflow: hidden;
	clear: both;
}
#bassite UL {
	text-align: center;
}
#bassite LI {
	display: inline;
}
#bassite A {
	line-height: 2.1em;
}
#bassite A:hover {
	text-decoration: underline;
}

.pmpconcept {
	width: 68px;
	height: 0;
	padding-top: 30px;
	display: block;
	overflow: hidden;
	background: white url(../_image/fr/pmpconcept.png) no-repeat;
	float: right;
}

.logo-bas-generali {
	float: left;
}


/*----------------------------------------------+
+ Coeur du SIte							        +
+----------------------------------------------*/
#coeursite {
	background: white;
	width: 880px;/*900*/
	margin: 0 auto;
	padding: 30px 10px 40px;
	overflow: hidden;
}

.colgauche {
	float: left;
	width: 660px;
}

.coldroite {
	float: right;
	width: 200px;
}

/*Liste*/
.mea {
	margin-bottom: 25px;
	overflow: hidden;
}
.mea .media {
	margin-right: 10px;
	float: left;
	display: block;
}
.mea UL {
	margin-bottom: 5px;
}
.mea LI {
	padding:10px 0px;
	background: url(../_image/pointille.gif) repeat-x left bottom;
	overflow: hidden;
}
.mea LI P {
	font-size: 1.1em;
	line-height: 1.1em;
}
.mea LI STRONG {
	display: block;
	font-weight: bold;
	color: #b12b1a;
}
.mea A:hover {
	text-decoration: underline;
}

.puce {
	float:left;
	margin-right: 15px;
}
.mea LI .texte {
	padding-left: 41px;
}
.ie6retab {
	clear: both;
}

/*infos*/
.infos {
	clear: both;
	padding: 10px;
	color: #666666;
	background: #f1edee url(../_image/fr/background-infos-periode.png) no-repeat left top;
	height: 106px;
	margin-bottom: 35px;
}
.infos .content {
	font-size:  1.2em;;
}
.infos H2 {
	margin-bottom: 15px;
}
.infos LI {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
.infos UL UL {
	margin-left: 35px;
	margin-bottom: 5px;
}

.infos.partenaire {
	clear: both;
	padding: 10px;
	color: #666666;
	background: #f1edee url(../_image/background_info.png) no-repeat left top;
	height: 62px;
	margin-bottom: 35px;
}

/*GENERALI*/
.generali-detail {
	clear: both;
	margin-bottom: 35px;
}
.generali-detail P {
	font-size: 1.4em;
	margin-bottom: 15px;
}
.generali-detail .media {
	float: left;
	margin-right: 15px;
}


/*Box de droite*/
.boxdroite {
	margin-bottom: 10px;
	clear: both;
	position: relative;
	background-color: #f0eded;
}


/*Le Matériel*/
.materiel {
	margin-bottom: 20px;
	overflow: hidden;
}
.materiel LI {
	width: 210px;
	float: left;
	margin-left: 10px;
}
.materiel LI.first {
	margin-left: 0;
}
.materiel DL {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.materiel DL DT {
	font-weight: bold;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.materiel DL DT IMG {
	display: block;
	margin: 0 auto 5px;
}
.materiel DL DD P {
	margin-bottom: 2px;
}

.boxtexte {
	margin-bottom: 30px;
	overflow: hidden;
}

.proteger {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	position: relative;
}
.proteger IMG {
	position: absolute;
	top: 0;
	left: 0;
}
.proteger P.titre {
	display: block;
	margin-left: 70px;
	height: 100px;
}
.proteger P.titre SPAN {
	font-size: 1.2em;
}
.proteger P.titre STRONG {
	font-size: 1.4em;
	clear: both;
}
.proteger.jour {
	width: 327px;
}
.proteger.jour P.titre {
	width: 135px;
}
.proteger.nuit {
	margin-left: 15px;
	width: 318px;
}
.proteger.nuit P.titre {
	width: 128px;
}


/* Les Services */
.accroche {
	font-size: 1.4em;
	margin-bottom: 20px;
}
.flash_services {
	width: 660px;
	height: 265px;
	background-color: #f0eded;
}


/* Bloc ListeLiens */
ul.ListeLiens {
	padding: 0px 4px 4px;
}
.ListeLiens li {
	margin:6px 0px;
	*height:1%; /* Résolution de Bug HasLayout sur flottants enfants */
}
.ListeLiens a {
	display:block;
	overflow:hidden;
	*zoom:1;
}
.ListeLiens A:hover {
	text-decoration: underline;
}
.ListeLiens span {
	float:left;
	margin:3px 5px 0px 3px;
}

.mea UL.ListeLiens {
	margin-bottom: 0;
}
.mea UL.ListeLiens LI {
	padding: 0;
	background-image: none;
}



/* Les Tarifs */
.introTarifs {
	width: 660px;
	height: 196px;
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
}

.formuleEtTarifs {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.formuleEtTarifs .performance,
.formuleEtTarifs .confort {
	width: 324px;
	height: 0;
	padding-top: 315px;
	display: block;
	overflow: hidden;
}

.formuleEtTarifs .performance {
	float: left;
	background: white url(../_image/fr/formule-performance-image.png) no-repeat left top;
}
.formuleEtTarifs .confort {
	float: right;
	background: white url(../_image/fr/formule-confort-gsm.png) no-repeat left top;
}

.option {
	color: #008fa6;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #f1edee;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}
.dectecteurimage {
	position: absolute;
	top: 60px;
	left: 126px;
}


/* Commen Equiper */
.listeetape {
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
}
.listeetape LI {
	background: url(../_image/bulle-bleu.png) no-repeat center top;
	width: 531px;
	margin: 0 auto 2px;
	padding: 20px 0 0;
	font-size: 1.2em;
}
.listeetape LI .illustgauche {
	float: left;
	padding-left: 31px;
	padding-right: 30px;
	width: 73px;
}
.listeetape LI .content {
	padding-right: 31px;
	padding-left: 137px;
}

.listeetape LI .flechebas {
	width: 531px;
	height: 48px;
	padding-top: 10px;
	padding-bottom: 0;
	display: block;
	clear: both;
	overflow: hidden;
	background: url(../_image/bulle-bleu.png) no-repeat center bottom;
}
.listeetape LI A {
	color: #b12b1a;
	text-decoration: underline;
}
.listeetape LI A:hover {
	font-weight: bold;
}
.listeetape LI STRONG {
	font-weight: bold;
	color: #b12b1a;
}

.listeetape LI.vert {
	background: url(../_image/bulle-vert.png) no-repeat center top;
}
.listeetape LI.vert .flechebas {
	background: url(../_image/bulle-vert.png) no-repeat center bottom;	
}
.listeetape LI.last .flechebas {
	background-position: 0 -286px;
	height: 15px;
}



/* Formulaire */
#globalForm fieldset {
	border:0 none;clear:both; margin-left:0; _margin-left:10px;
}
#globalForm {zoom:1;position:relative;clear:both;}
#globalForm dl {color:#333;zoom:1;}
#globalForm dt, #globalForm dd {display:block; float:left; line-height:14px; margin-bottom:8px;}
#globalForm dt {width:195px; clear:left; background:url(../_image/arrow_green.gif) no-repeat 0 2px; text-indent:12px; font-weight:bold;}
#globalForm dd {width:auto;}
#globalForm dd label {margin-right:10px;}
#globalForm dl input, .inputSizeAuto input{vertical-align:middle;margin-right:5px; position:relative;}
#globalForm dd {*float:none; *zoom:1; *overflow:visible;}
#globalForm dd.inlineInputs input, #globalForm dd input#clientOui, #globalForm dd input#clientNon{bottom:3px;_bottom:1px;}
#globalForm li input, #globalForm li select{vertical-align:middle;margin-right:5px; margin-left:4px; position:relative;}
input.txt, input.txtlong, input.txtmedium, input.txtshort, textarea {border:1px solid #333;}
input.txt{width:110px;}
select.txt{width:110px;}
input.txtlong{width:240px;}
input.txtmedium{width:170px;}
input.txtshort{width:80px;}
select.slct {width:110px;}



/* boutons : <a href="#" class="btn"><span>texte bouton</span></a> ou  <span class="btn"><span><input type="submit" value="texte bouton" /></span></span>*/

.btn,.btn span,.btn input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:2em;white-space:nowrap;background:url(../_image/fondrouge.png) left center no-repeat;color:#FFF;cursor:pointer;text-align:center; font-weight:bold;}
.btn{padding-left:12px;_width:1%;}
.btn span{display:block;background-position:right center;padding-right:12px; padding-bottom:1px;}
.btn span input{border:none;background:none;padding:5px 6px 5px 13px;margin-left:-13px;line-height:0;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;_width:1%;*margin-left:-11px;!padding-right:8px;}
.btnBlock{display:block; width:auto;}


p.submit, #globalForm p.submit{background: url(../_image/pointille.gif) repeat-x left top;padding:6px 0;zoom:1;}
p.submitbis, #globalForm p.submit{padding:6px 0;zoom:1;}
p.submit input, p.submitbis input, #globalForm p.submit input, #globalForm p.submitbis input{font-weight:bold;border:0;color:#fff;cursor:pointer;}
p.submit .modifier, p.submitbis .modifier, #globalForm p.submit .modifier, #globalForm p.submitbis .modifier{background:url(../_image/btn_standard.gif) no-repeat; width:136px; height:19px; font:bold 10px verdana;}
p.submit .valider, #globalForm p.submit .valider{background: url(../_image/btn_standard.gif) no-repeat;width:136px;height:19px;float:right; font:bold 10px verdana; position:relative; top:-2px; *position:static;zoom:1;}
input.modifier, input.valider {border:0 !important;
	margin-bottom: 25px;
}
.clear {clear:both;}
.context {overflow:hidden; _overflow:visible; zoom:1;}


.puce_couleur {display:-moz-inline-box; display:inline-block; *display:inline;_font-size:1%;zoom:1;} /* Inline-block pour Safari et Opera, inline pour IE */

.rouge .puce_couleur {background-color:#b22c1b!important;}


/*Formulaire rappel*/
FORM#formcontact {
	padding-left:18px;
	margin:0;
	padding-bottom: 5px;
}
FORM#formcontact td {
	margin:0;
	padding:0;
	font-size: 10px;
	color:#666666;
	line-height: 10px;
}
FORM#formcontact input.formtxt {
	width:102px;
	border:1px solid #666666;
	margin: 0;
}
FORM#formcontact input.formtxt:focus {
	background-color: #d9f1f5;
}
FORM#formcontact #boton {
	margin-left:10px;
}
#boton:hover {
	opacity: 0.75;
	filter : alpha(opacity=75);
}




/* Paragraphe */
.paragraphe {
	margin-bottom: 25px;
}
.paragraphe p, .paragraphe ul, .paragraphe ol, .paragraphe dl, .paragraphe H2 {
	margin-bottom: 1em;
}
.paragraphe a {
	text-decoration:underline;
}
.paragraphe a:hover {
	text-decoration:underline;
	color: #cd0a0a;
}
.paragraphe strong {
	font-weight: bold;
}
.paragraphe ul {margin-left: 15px;}
.paragraphe li {
	padding: 0.2em 0 0.2em 1.3em;
	background:url(../_image/puce_rte00.png) no-repeat 0 0.6em;
}
.paragraphe li span {vertical-align:middle;}
.paragraphe ul ul li {list-style-type:disc; list-style-position:inside; background:none !important;}
.paragraphe dt {font-weight: bold;}
.paragraphe dd {margin-left: 1em; padding-top: 0.2em;}