/* CSS Document */

* { margin: 0; padding: 0; }

body {background-color:#333435; font-family:Arial, Helvetica, sans-serif;}

/*------------HOME-------------*/
#global {position:absolute;left: 50%;width: 1032px;height: 706px;margin-left: -516px;}
#haut {width:1032px;height:3px;background:url(../graphics/ombre_haut.gif)no-repeat;}
#bas {width:1032px;height:3px;background:url(../graphics/ombre_bas.gif) no-repeat;}
#globcontent {width: 1024px;height: auto;background:url(../graphics/fond.gif) repeat-y;padding:0 4px 0 4px;}
#header {width:1024px;height:105px;background:url(../graphics/home_header.jpg) no-repeat;}
#headerG .headerLink {width:410px;height:105px;float:left;background:url(../graphics/logo.jpg) center no-repeat;}
#headerG .headerLink span {display:none;}
#headerD {width:614px;height:105px;float:left;}
#headerD h1 {width:614px;height:52px;font-family: "GillSans";font-size:23px;font-weight:lighter;text-align:center;padding-top:32px;float:left;color:#7f7774;}
#preNav{width:85px;height:21px;float:left;}
#nav {width:529px;height:21px;float:left;}
.navPanel, .navPanel_on {width:auto;height:21px;cursor:pointer;font-size:11px;font-weight:bold;float:left;text-align:center;color:#fff;margin:0 7px 0 0;}
.navPanel .navPanelLeft, .navPanel_on .navPanelLeft {width:8px;height:21px;background:url(../graphics/nav_coinG.png) no-repeat;float:left;}
.navPanel .navPanelContent, .navPanel_on .navPanelContent {height:16px;background:url(../graphics/nav_centre.png) repeat-x;float:left;padding:5px 4px 0 4px;}
.navPanel .navPanelRight, .navPanel_on .navPanelRight {width:8px;height:21px;background:url(../graphics/nav_coinD.png) no-repeat;float:left;}
.navPanel_on .navPanelLeft {background:url(../graphics/nav_coinG_on.png) no-repeat;}
.navPanel_on .navPanelContent {height:16px;background:url(../graphics/nav_centre_on.png) repeat-x;float:left;}
.navPanel_on .navPanelRight {background:url(../graphics/nav_coinD_on.png) no-repeat;}

#pack{width:1024px;height:370px;background:url(../graphics/PackSolution.jpg) no-repeat;}
#ApartirDe{width:219px;height:200px;float:left;text-align:center;padding:168px 0 0 418px;color:#fff;font-size:20px;}

@font-face {
	font-family: "GillSans";
	src: url("/police/GillSans.dfont")
}

#packTxt {width:380px;height:300px;padding-top:70px;text-align:center;color:#fff;float:left;font-size :12px;line-height:25px;}
#packTxt b {font-size:15px;}
#packTxt h2 {font-family: "GillSans";font-size:18px;font-weight:lighter;}
#basGauche {width:644px;height:196px;float:left;}
#basGauche h1 {height:28px;font-size:20px;font-weight:bold;color:#69c6f9;padding:7px 0 0 30px;}
#basGauche p {font-size:12px;font-weight:normal;color:#fff;border-bottom-style:dotted;border-top-style:dotted;border-bottom-color:#c5c5c5;border-top-color:#c5c5c5;
	border-bottom-width:1px;border-top-width:1px;padding:10px 0 10px 0;margin:0 30px 0 30px;}
.BoutPanel, .BoutPanel_on {width:auto;height:64px;cursor:pointer;font-size:20px;text-transform:uppercase;float:left;text-align:center;color:#fff;margin:15px 30px 0 30px;}
.BoutPanel .BoutPanelLeft, .BoutPanel_on .BoutPanelLeft {width:7px;height:64px;background:url(../graphics/BoutOrangeG_off.png) no-repeat;float:left;}
.BoutPanel .BoutPanelContent, .BoutPanel_on .BoutPanelContent {min-width:200px;height:64px;
	background:url(../graphics/BoutOrangeC_off.png) repeat-x;float:left;padding:10px 10px 0 10px;}
.BoutPanel .BoutPanelRight, .BoutPanel_on .BoutPanelRight {width:7px;height:64px;
	background:url(../graphics/BoutOrangeD_off.png) no-repeat;float:left;}
.BoutPanel_on .BoutPanelLeft {width:7px;height:64px;background:url(../graphics/BoutOrangeG_on.png) no-repeat;}
.BoutPanel_on .BoutPanelContent {height:64px;background:url(../graphics/BoutOrangeC_on.png) repeat-x;}
.BoutPanel_on .BoutPanelRight {width:7px;height:64px;background:url(../graphics/BoutOrangeD_on.png) no-repeat;float:left;}
#basDroite {width:379px;height:196px;float:left;}
.BoutBleuPanel, .BoutBleuPanel_on {width:auto;height:41px;cursor:pointer;font-size:12px;text-transform:uppercase;float:left;text-align:center;color:#fff;
	font-weight:bold;margin:0 11px 0 0;}
.BoutBleuPanel .BoutBleuPanelLeft, .BoutBleuPanel_on .BoutBleuPanelLeft {width:7px;height:41px;
	background:url(../graphics/BoutBleuG_off.png) no-repeat;float:left;}
.BoutBleuPanel .BoutBleuPanelContent, .BoutBleuPanel_on .BoutBleuPanelContent {min-width:139px;height:26px;
	background:url(../graphics/BoutBleuC_off.png) repeat-x;float:left;padding:15px 10px 0 10px;}
.BoutBleuPanel .BoutBleuPanelRight, .BoutBleuPanel_on .BoutBleuPanelRight {width:7px;height:41px;
	background:url(../graphics/BoutBleuD_off.png) no-repeat;float:left;}
.BoutBleuPanel_on .BoutBleuPanelLeft {width:7px;height:41px;background:url(../graphics/BoutBleuG_on.png) no-repeat;}
.BoutBleuPanel_on .BoutBleuPanelContent {height:26px;background:url(../graphics/BoutBleuC_on.png) repeat-x;}
.BoutBleuPanel_on .BoutBleuPanelRight {width:7px;height:41px;background:url(../graphics/BoutBleuD_on.png) no-repeat;float:left;}

#news {width:369px;height:122px;margin-top:33px;float:left;}
.newsHeader{width:369px;height:30px;background:url(../graphics/newsHeader.jpg) no-repeat;}
#newsContent {width:369px;height:82px;background:url(../graphics/fd_news.gif) repeat-y;margin-top:30px;}
#newsList {overflow:hidden;height:82px;}
#newsFooter {width:369px;height:10px;background:url(../graphics/news_footer.gif) no-repeat;}
#newsContent h2{font-size:12px;font-weight:bold;color:#fff;
	background:url(../graphics/fleche.gif) 0 15px no-repeat;padding:15px 0 0 13px;}
#newsContent p{font-size:11px;font-weight:normal;color:#fff;padding:15px 0 20px 13px;
	background:url(../graphics/lignePointilleNews.gif) 0 bottom repeat-x;}
#bottomText {color:#fff;font-size:12px;border-top-style:dotted;border-top-color:#c5c5c5;border-top-width:1px;
	padding:10px 0;margin:10px 30px 0 30px;}
#bottomText h1 {height:28px;font-size:20px;font-weight:bold;color:#69c6f9;padding:7px 0 0 30px;}
#bottomText h2 {font-size:13px;font-weight:bold;color:#fff;margin:7px 0 2px 0;}
#bottomText li {margin-left:40px;}
#footer1 {width:1024px;height:14px;color:#fff;font-size:10px;font-weight:bold;text-align:center;float:left;padding:15px 0 0 0;}
#footer1 a:link, #footer1 a:visited, #footerInterieur a:link, #footerInterieur a:visited{color:#fff;font-size:10px;font-weight:bold;text-decoration:none;}
#footer1 a:hover, #footerInterieur a:hover{color:#fff;font-size:10px;font-weight:bold;text-decoration:underline;}
#footer2 {width:940px;height:24px;text-align:right;color:#fff;font-size:10px;font-weight:lighter;float:left;margin:21px 20px 0 0;}
#footer2Logo {width:56px;height:47px;float:left;}

/*---------------------FIN HOME---------------*/

/*---------------------PLAN DU SITE-----------*/


/*---------------------FIN PLAN DU SITE-------*/


#globcontentInter {
width: 1024px;
height: auto;
background:url(../graphics/fondInterieur.gif) repeat-y;
padding:0 4px 0 4px;
float:left;
}

#coulSsHeader {
width:auto;
height:13px;
background:url(../graphics/bandeCouleurSsHeader.gif) repeat-x;
}

#avtges{
padding: 10px 0px 10px 150px;
color : White;
width:600px;
font-size:12px;
}

#contentInterHt {
width:993px;
width:962px;
float:left;
margin:10px 0 0 31px;
margin:10px 0 0 15px;
}

#contentInterG {width:773px;float:left;background:url(../graphics/ligneOrangePointille.gif) right repeat-y;
	margin:0 0 0 31px;margin:0 0 0 15px;padding-top:15px;}
#contentInterD {position:fixed;width:209px;float:left;margin:8px 0 0 806px;top:123px;}


.encadreBleu {
width:741px;
height:30px;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
float:left;
color:#fff;
}

.encadreBleu .encadreBleuG {
width:10px;
height:30px;
background:url(../graphics/angleGaucheBleu.png) no-repeat;
float:left;
}

.encadreBleu .encadreBleuContent {
width:711px;
height:30px;
background:url(../graphics/contentBleu.png) repeat-x;
float:left;
padding:7px 5px 0 5px;
}

.encadreBleu .encadreBleuD {
width:10px;
height:30px;
background:url(../graphics/angleDroitBleu.png) no-repeat;
float:left;
}

.encadreBleuPlus {
width:741px;
height:30px;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
float:left;
color:#fff;
margin:20px 0 15px 0;
margin:20px 0 10px 0;
}

.encadreBleuPlus .encadreBleuG {
width:10px;
height:30px;
background:url(../graphics/angleGaucheBleu.png) no-repeat;
float:left;
}

.encadreBleuPlus .encadreBleuContent {
width:711px;
height:30px;
background:url(../graphics/contentBleu.png) repeat-x;
float:left;
padding:7px 5px 0 5px;
}

.encadreBleuPlus .encadreBleuD {
width:10px;
height:30px;
background:url(../graphics/angleDroitBleu.png) no-repeat;
float:left;
}


#footerInterieur {
width:1027px;
height:15px;
color:#fff;
font-size:10px;
font-weight:lighter;
text-align:center;
float:left;
padding:25px 0 0 0;
margin:0 0 0 2px;
background:url(../graphics/bandeCouleurFooter.gif) repeat-x;
}

/*---BOUTON BLEU---*/
.encadreBleuInter, .encadreBleuInter_on{
width:199px;
height:43px;
float:left;
text-align:center;
margin:3px 0 3px 0;
}

.encadreBleuInter .encadreBleuG, .encadreBleuInter_on .encadreBleuG{
width:7px;
height:43px;
background:url(../graphics/G_bleu_inter.gif) no-repeat;
float:left;
}

.encadreBleuInter .encadreBleuContent, .encadreBleuInter_on .encadreBleuContent{
width:175px;
height:28px;
background:url(../graphics/Content_bleu_inter.gif) repeat-x;
float:left;
padding:15px 5px 0 5px;
}

.encadreBleuInter .encadreBleuD, .encadreBleuInter_on .encadreBleuD {
width:7px;
height:43px;
background:url(../graphics/D_bleu_inter.gif) no-repeat;
float:left;
}

.encadreBleuInter_on .encadreBleuG{
width:7px;
height:43px;
background:url(../graphics/G_bleu_inter_on.gif) no-repeat;
float:left;
}

.encadreBleuInter_on .encadreBleuContent{
width:175px;
height:28px;
background:url(../graphics/Content_bleu_inter_on.gif) repeat-x;
float:left;
padding:15px 5px 0 5px;
}

.encadreBleuInter_on .encadreBleuD {
width:7px;
height:43px;
background:url(../graphics/D_bleu_inter_on.gif) no-repeat;
float:left;
}
/*-----------------*/

/*---BOUTON ORANGE---*/
.encadreOrangeInter, .encadreOrangeInter_on{
width:199px;
height:43px;
float:left;
text-align:center;
margin:3px 0 3px 0;
}

.encadreOrangeInter .encadreOrangeG, .encadreOrangeInter_on .encadreOrangeG {
width:7px;
height:43px;
background:url(../graphics/G_orange_inter.gif) no-repeat;
float:left;
}

.encadreOrangeInter .encadreOrangeContent, .encadreOrangeInter_on .encadreOrangeContent{
width:175px;
height:39px;
background:url(../graphics/Content_orange_inter.gif) repeat-x;
float:left;
padding:5px 5px 0 5px;
}

.encadreOrangeInter .encadreOrangeD, .encadreOrangeInter_on .encadreOrangeD {
width:7px;
height:43px;
background:url(../graphics/D_orange_inter.gif) no-repeat;
float:left;
}

.encadreOrangeInter_on .encadreOrangeG {
width:7px;
height:43px;
background:url(../graphics/G_orange_inter_on.gif) no-repeat;
float:left;
}

.encadreOrangeInter_on .encadreOrangeContent{
width:175px;
height:39px;
background:url(../graphics/Content_orange_inter_on.gif) repeat-x;
float:left;
padding:5px 5px 0 5px;
}

.encadreOrangeInter_on .encadreOrangeD {
width:7px;
height:43px;
background:url(../graphics/D_orange_inter_on.gif) no-repeat;
float:left;
}

.a1:link, .a1:hover, .a1:visited{
text-transform:uppercase;
font-size:15px;
font-weight:normal;
text-decoration:none;
color:#fff;
}

.a2:link, .a2:hover, .a2:visited{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#fff;
}

.a2bis:link, .a2bis:hover, .a2bis:visited{
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#fff;
}

.a3:link, .a3:visited, .a4{
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#69c6f9;
}

.a3:hover{
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#e54b11;
}

.ligneD {
width:199px;
height:1px;
background:url(../graphics/lignePointille.gif) repeat-x;
margin:10px 0 10px 0;
font-size:1px;
float:left;
}

.ligneG {
width:741px;
height:1px;
background:url(../graphics/lignePointille.gif) repeat-x;
font-size:1px;
margin:10px 0 10px 0;
margin:5px 0 5px 0;
}

.ligneG1 {
width:741px;
height:1px;
background:url(../graphics/lignePointille1.gif) repeat-x;
font-size:1px;
margin:10px 0 10px 0;
}

.ligneGpopup {
width:100%;
height:1px;
background:url(../graphics/lignePointille.gif) repeat-x;
font-size:1px;
margin:10px 0 10px 0;
margin:5px 0 5px 0;
}

.ligneG1popup {
width:100%;
height:1px;
background:url(../graphics/lignePointille1.gif) repeat-x;
font-size:1px;
margin:10px 0 10px 0;
}

.lienDemoPopup {width:100%;text-align:center;margin:0 0 20px 0;}
.lienDemoPopup a {font-size:12px;text-decoration:none;}
.txtBleuBolTitre {font-weight:bold;font-size:13px;color:#69c6f9;}
.txtBlcBolTitre {font-weight:bold;font-size:15px;color:#fff;}

.txtBlcNormTitre {
font-weight:bold;
font-size:15px;
color:#fff;
}

.txtBlcNor {
font-weight:normal;
font-size:12px;
color:#fff;
}

.txtBlcBold {
font-weight:bold;
font-size:12px;
color:#fff;
}

a.txtBlcBold:link, a.txtBlcBold:visited{
font-weight:bold;
font-size:12px;
color:#fff;
text-decoration:none;
}

a.txtBlcBold:hover{
font-weight:bold;
font-size:12px;
color:#fff;
text-decoration:underline;
}

a.txtBlcNor:link, a.txtBlcNor:visited{
font-weight:normal;
font-size:12px;
color:#fff;
text-decoration:none;
}

a.txtBlcNor:hover{
font-weight:normal;
font-size:12px;
color:#fff;
text-decoration:underline;
}

.txtRedBold {
font-weight:bold;
font-size:12px;
color:#CC0000;
text-decoration:underline;
}

.txtBldConditionBack{
font-weight:bold;
font-size:12px;
color:#fff;
background-color:#2a97f3;
padding:2px;
}

#contentInterG h1 {font-weight:bold;font-size:13px;color:#69c6f9;}
#contentInterG h2 {font-weight:bold;font-size:12px;color:#fff;}

#contentInterG ul {width:95%;float:left;}

#contentInterG ul li{list-style:none;background:url(../graphics/flecheBleuListe.gif) 0 3px no-repeat;padding-left:15px;height:20px;line-height:20px;}
#contentInterG li {padding-left:7px;}
#contentInterG ul li.moduleDetails {background:none;height:auto;}

#contentInterG .adroite{
text-align:right;
list-style-image:none;
list-style:none;
height:20px;
line-height:20px;
background:none;
}

#contentInterG .adroite1{
list-style-image:none;
list-style:none;
height:20px;
line-height:20px;
background:none;
}

#ApartirDeInter{position:absolute;width:100px;height:100px;
background:url(../graphics/boutApartirDe_Inter.png) 0 0 no-repeat;
padding:24px 0 0 0;text-align:center;top:327px;left:660px;
}

.centpourcent {width:741px;margin:0;padding:0;}

.centpourcentliste {width:741px;margin:0;padding:0;}

#contentInterG .centpourcentliste ul {
width:auto;
height:auto;
line-height:20px;
float:left;
padding-top:10px;
}

.faqSuptitre1{
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#e54b11;
background:url(../graphics/flecheOrang.gif) no-repeat;
padding-left:15px;
}

.faqSuptitre:link, .faqSuptitre:visited{
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#e54b11;
background:url(../graphics/flecheOrang.gif) no-repeat;
padding-left:15px;
}

.faqSuptitre:hover{
font-size:13px;
font-weight:bold;
text-decoration:none;
background:url(../graphics/flecheBleuListe.gif) no-repeat;
color:#69c6f9;
}

.PlanTitre,.PlanTitre:link,.PlanTitre:visited{font-size:13px;font-weight:bold;text-decoration:none;text-transform:uppercase;color:#e54b11;padding-left:15px;}
.PlanTitre:hover{font-size:13px;font-weight:bold;text-decoration:none;color:#69c6f9;}
.lien:link, .lien:visited{font-size:13px;font-weight:bold;text-decoration:none;color:#69c6f9;}
.lien:hover{font-size:13px;font-weight:bold;text-decoration:none;color:#e54b11;}
.lien1:link, .lien1:visited{font-size:13px;font-weight:bold;text-decoration:none;color:#69c6f9;
background:url(../graphics/ptiteflecheBleu.gif) 0 2px no-repeat;padding-left:15px;}
.lien1:hover{font-size:13px;font-weight:bold;text-decoration:none;color:#e54b11;}
.lien2:link, .lien2:visited{font-size:11px;font-weight:normal;text-decoration:none;color:#fff;padding-left:15px;}
.lien2:hover{font-size:11px;font-weight:normal;text-decoration:none;color:#e54b11;}
.faqtitre1{display:block;height:10px;font-size:11px;font-weight:bold;text-decoration:none;color:#69c6f9;margin:10px 0 0 0;}
.faqtitre:link, .faqtitre:visited{display:block;height:10px;font-size:11px;font-weight:bold;text-decoration:none;color:#69c6f9;margin:10px 0 0 0;}
.faqtitre:hover{font-size:11px;font-weight:bold;text-decoration:none;color:#e54b11;}
.cinquante{
width:50%;
width:49%;
height:auto;
text-align:center;
float:left;
padding:25px 0 25px 0;
}
#envoyer {width:220px;float:left;}
#contentInterG textarea.message {width:300px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.txtContact {font-weight:bold;font-size:12px;color:#e54f12;}

/* ---------------------------------- Module de base     */

.moduleDetails {border-left:solid 5px #454545;padding-left:5px;}

#couleur {
width:795px;
height:auto;
float:left;
text-align:center;
color:#fff;
font-size:12px;
margin:48px 0 0 22px;
}

#couleur1 {
width:157px;
height:34px;
margin-right:2px;
padding-top:10px;
background-color:#2e83f4;
float:left;
}

#couleur2 {
width:157px;
height:34px;
margin-right:2px;
padding-top:10px;
background-color:#5d97f4;
float:left;
}

#couleur3 {
width:157px;
height:34px;
margin-right:2px;
padding-top:10px;
background-color:#92a4d2;
float:left;
}

#couleur4 {
width:157px;
height:34px;
margin-right:2px;
padding-top:10px;
background-color:#b3b3de;
float:left;
}

#couleur5 {
width:157px;
height:34px;
background-color:#c9b5fb;
float:left;
padding-top:10px;
}

#couleurHid {
width:795px;
height:1px;
height:auto;
text-align:left;
color:#fff;
font-size:12px;
margin:0px 0 0 22px;
position:relative;
}

#couleur1hid, #couleur2hid, #couleur3hid, #couleur4hid, #couleur5hid {
width:147px;
height:auto;
margin-right:2px;
padding:20px 5px 5px 5px;
float:left;
visibility:hidden;
filter:alpha(opacity=85);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
border-bottom:2px solid black;
}

#couleurImg {margin-top:-150px;}
#couleur1hid {background-color:#2e83f4;}
#couleur2hid {background-color:#5d97f4;}
#couleur3hid {background-color:#92a4d2}
#couleur4hid {background-color:#b3b3de;}
#couleur5hid {background-color:#c9b5fb;}

/* ---------------------------------------- MISC */
.link { cursor: pointer}
.underline { text-decoration: underline; }
.hidden { display:none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.fLeft { float: left; }
.fRight { float: right; }
.fClear { clear: both; }

a {color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}