﻿/* Section Forfait */

.section-forfait .global{
    padding-left:15px;
    padding-right:15px;
    padding-top:20px; 
    padding-bottom:20px;
    background-color:#ffffff
}
.section-forfait p {
    font-size:11px;
    color:#223157;
    line-height:14px;
}
.section-forfait .content p a {
    font-size:11px;
    color:#223157;
    text-decoration:underline;
}
.section-forfait .content p a:hover {
    color:#009ee0;
}
.section-forfait iframe {
    margin-left:20px;
}
.section-forfait .content .visuel {
    float:left;
    width:170px;
    text-align:right;
}
.section-forfait .content .txt-visuel {
    float:left;
    width:420px;
    padding-left:10px;

}
.section-forfait .content .txt-visuel h3 {
    font-size:13px;
    color:#009ee0;
    font-weight:bold;
    margin-bottom:10px;
}
.section-forfait .content .txt-visuel p {
    font-size:11px;
    color:#0f1d42;
    margin-bottom:20px;
}

/* Menu Forfait */

.menu-forfait {
	background-color:#FFFfff;
	padding-left:13px;
	padding-top:19px;
}
.top-menu-forfait {
    background:url(../images/common/top-menu-forfait.gif) no-repeat 0px 0px;
    height:8px;
}
.bottom-menu-forfait {
    background:url(../images/common/bottom-menu-forfait.gif) no-repeat 0px 0px;
    height:5px;
    margin-bottom:30px;
}
.menu-forfait h2 {
	margin-bottom:20px;
}
.menu-forfait .quatreBlocsLiens {
	padding-bottom:20px;
}
.menu-forfait ul {
	float:left;
}
.menu-forfait ul li a {
	display:block;
	background:url(../images/common/chevron-cyan.png) no-repeat 0px 5px;
	text-indent:12px;
	line-height:18px;
	color:#0f1d42;
	font-weight:bold;
	font-size:10px;
	padding-left:5px;
}
.menu-forfait ul li a:hover {
	color:#009ee0;
}


/* Page Forfait Accueil */

/* Bloc Flash */ 

.forfait .blocOP {
    margin-top:6px;
}
.forfait .blocOP .visuel {
    border:7px #009ee0 solid;
}


/* Bloc Fil Infos */

.forfait .filinfos {
	height:188px;/*183 + 5*/
	width:726px;/*721 + 9 */
	margin-top:25px;
}
.forfait .filinfos h2{
    background:url(../images/fonds-de-blocs/bgFilInfosTitre.png) no-repeat 5px 8px;
}
.forfait .filinfos .contenu {
	margin-left:5px;
	padding-left:13px;
	padding-top:21px;
	background-color:#eaedf4;
}
.forfait .filinfos .contenu .vignette, .forfait .filinfos .contenu .texte {
	float:left;
}
.forfait .filinfos .contenu .vignette .image {
	border:#009ee0 5px solid;
	margin-right:9px;
}
.forfait .filinfos .contenu .texte {
	width:607px;
}
.forfait .filinfos .contenu .texte p {
	font-size:11px;
	font-weight:bold;
	color:#343434;
	margin-bottom:8px;
}
.forfait .filinfos .contenu .texte p.justify {
    text-align:justify;
}
.forfait .filinfos .contenu .texte p.reference {
	margin-bottom:12px;
}
.forfait .filinfos .contenu .texte p.reference span.gch {
	margin-right:8px;
}
.forfait .filinfos .contenu .texte p.reference span.dte {
	margin-left:8px;
}
.forfait .filinfos .contenu .texte p.reference span {
	font-size:9px;
	color:#343434;
	font-weight:normal;
}
.forfait .filinfos .contenu .texte p.reference span.gch.nom {
	color:#009ee0;
	font-size:11px;
	font-weight:bold;
}
.forfait .filinfos .bottom img {
	margin-left:5px;
}

/* Bloc Les Indispensables */

.forfait .indispensables {
	width:723px;
	height:227px;
	background:url(../images/fonds-de-blocs/bgIndispensables.png) no-repeat 3px 5px;
	margin-top:30px;
}
.forfait .indispensables h2 {
	margin-bottom:15px;
}
.forfait .indispensables .troisBlocsLiens {
	margin-left:24px;
}
.forfait .indispensables .troisBlocsLiens .liste-liens {
	float:left;
	width:208px;
	height:151px;
	background:url(../images/fonds-de-blocs/bgIndispensables-ListeLiens.png) no-repeat 0 0;
}
.forfait .indispensables .troisBlocsLiens .liste-liens h3, .forfait .indispensables .troisBlocsLiens .liste-liens ul {
	margin-left:13px;
}
.forfait .indispensables .troisBlocsLiens .liste-liens h3 {
	margin-top:13px;
}
.forfait .indispensables .troisBlocsLiens .liste-liens ul {
    margin-top:8px;
}
.forfait .indispensables .troisBlocsLiens .liste-liens ul li a {
	display:block;
	background:url(../images/common/chevron-cyan.png) no-repeat 0 5px;
	text-indent:8px;
	color:#213055;
	font-size:10px;
	line-height:17px;
	padding-left:5px;
}
.forfait .indispensables .troisBlocsLiens .liste-liens ul li a:hover {
	color:#009ee0;
}


/* Pages Les Avantages */

/* Intro */
.avantages .global{
    padding-left:15px;
    padding-right:15px;
    padding-top:20px; 
    padding-bottom:20px; 
    background-color:#ffffff
}
.avantages .content h3 {
    font-size:18px;
	font-weight:bold;
	position:relative;
	color:#223157; 
	background:url(../../images/fonds-de-lien/bg-titre-avantage.gif) no-repeat top left ; 
	width:650px;
	height:35px;
	padding-bottom:15px;
	padding-top:17px;
    padding-left:15px;	
}

.avantages .content .intro {
	margin-bottom:50px;
	font-weight:bold;
	font-size:11px;
	color:#223157;
	line-height:14px;
}

/* 5 bonnes raisons */

.avantages .content .raisons h4 {
	font-size:16px;
	margin-bottom:13px;
	
}

.avantages .content .raisons p {
	font-size:11px;
	color:#223157;
	line-height:14px;
	margin-bottom:24px;
	padding-left:30px;padding-right:20px
}

/* Conditions */

.avantages .content .conditions h4 {
	font-size:15px;
	font-weight:bold;
	color:#223157;
	margin-bottom:20px;
	padding-top:25px
}
.avantages .content .conditions p {
	font-weight:bold;
	font-size:11px;
	color:#223157;
	margin-bottom:45px;
}
.avantages .content .liste-liens li a {
	font-weight:bold;
	font-size:11px;
	color:#223055;
	text-decoration:underline;
	display:block;
	line-height:25px;
	background:url(../images/common/chevron-outremer-fd-clair.gif) no-repeat 0 9px;
	text-indent:12px;
}
.avantages .content .liste-liens li a:hover {
	color:#009ee0;
}
.avantages .content .liste-liens ul {padding-bottom:20px}

/* Page Les Tarifs */

/* Les Tarifs - Formulaire */

.tarifs .global{
    padding-left:15px;
    padding-right:15px;
    padding-top:0px; 
    padding-bottom:20px;
    background-color:#ffffff;
}
.tarifs .content .calculateur-form {
	width:654px;
}
.tarifs .content h3 { 
	background:url(../../images/fonds-de-lien/bg-titre-avantage.gif) no-repeat top left ; 
	width:650px;
	height:32px;
	padding-bottom:15px;
	padding-top:20px;
    padding-left:15px;	
    float:left;
    background-color:#eaedf4;
}

.tarifs .content .champs-obligatoires {
    margin-top:34px;
    float:right;
}
.tarifs .content .label {
	width:125px;
	text-align:right;
	padding-right:10px;
    float:left;
	font-size:11px;
	font-weight:bold;
	display:block;
}
.tarifs .content .label.long {
	height:110px;	
}
.tarifs .content .radio label {
    padding-left:5px;
}
.tarifs .content .radio td {
    padding-right:20px;
    padding-bottom:12px;
}
.tarifs .content .zone {
	width:175px;
	color:#009ee0;
	font-size:11px;
	font-weight:bold;
	margin-bottom:12px;
}
.tarifs .content .erreur {
    color:#ff0000;
    padding-top:10px;
}

.tarifs .content .valider {
	margin-left:135px;
	margin-top:10px;
	float:left;
}

/* Les tarifs - Resultats */

.tarifs .content .calculateur-resultat {
	width:654px;
}
.tarifs .content h4 {
	padding-bottom:10px;
	border-bottom:#aeb4c5 1px solid;
	margin-bottom:20px;
	padding-top:30px;
}
.tarifs .content .resume {
	margin-left:3px;
	margin-bottom:20px;
}
.tarifs .content .resume li {
	line-height:18px;
	color:#223157;
	font-size:11px;
}
.tarifs .content .resume li strong {
	color:#009ee0;
}
.tarifs .content .prix {
	width:460px;
	margin-left:3px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin-bottom:8px;
}
.tarifs .content .prix td.titre {
	height:30px;
	background-color:#223157;
	color:#ffffff;
	border:#223157 1px solid;
}
.tarifs .content .prix td.stitre {
	height:25px;
	background-color:#ffffff;
	color:#009ee0;
	border:#009ee0 1px solid;
	border-top:none;
}
.tarifs .content .prix td.tarif {
	height:35px;
	background-color:#009ee0;
	color:#ffffff;
	border:#009ee0 1px solid;
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
	border-top:none;
}
.tarifs .content .prix td.tarif.border {
	border-right:#009ee0 1px solid;
}
.tarifs .content p.frais-dossier {
	font-size:9px;
	color:#223157;
	margin-left:4px;
	margin-bottom:20px;
}
.tarifs .content p.subventions {
	font-size:11px;
	color:#223157;
	line-height:18px;
	margin-left:3px;
	margin-bottom:15px;
}
.tarifs .content p.subventionsVille {
	font-size:11px;
	color:#223157;
	line-height:18px;
	margin-left:3px;
}
.tarifs .content .liens-tarifs a {
	/*display:block;*/
	background:url(../images/common/chevron-cyan.png) no-repeat 0px 3px;
	font-size:10px;
	color:#213055;
	padding-left:15px;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
}
.tarifs .content .liens-tarifs a:hover {
	text-decoration:underline;
}
.tarifs .content .liens-tarifs li {
    margin-bottom:5px;
}

.tarifs .content .liens-tarifs {
    margin-top:5px;
}

.marge 
{
	margin-top:30px;
}

.tarifs .bottom-logo {
	padding-left:50px;
	padding-top:10px;
}
.tarifs .bottom-logo li {
	float:left;
	padding-right:85px;
}
.tarifs .bottom-logo li.no-border {
	padding-right:0;
}
