body {
 font-family: Arial, Helvetica, sans-serif;
 background: #fff url("../images/body_fd.gif") 0% 0% repeat-x;
 margin: 0;
 padding: 0;
}

div#global {
 width: 760px;
 margin: auto;
 padding: 0 18px 0 20px;
 border: 0px solid red;
}

img {border: none;}

.bold {font-weight: bold;}

.bleu {color: #0098FF;}
.orange {color:#f60;}
a.bleu {color: #0098FF;}
a.bleu:hover {color: #64788A; text-decoration: none;}
a.gris {color: #64788A;}
a.gris:hover {text-decoration: none;}

.txt14px {font-size: 14px;}
.txt12px {font-size: 12px;}
.txt11px {font-size: 11px;}
.txt10px {font-size: 10px;}

.right {float: right;}

.margR30px {margin-right: 30px;}

.margT10px {margin-top: 10px;}
.margT20px {margin-top: 20px;}


/*******************************************************/
/************************** HEADER ********************************/
/*******************************************************/
div#langues { text-align: left; border:0px solid red; display: block; padding: 0 12px 24px 0; margin:0;font-size: 11px;}
div#langues a { text-align: right;  color: #92A3B3;}

div#header {
 float: left;
 margin: 6px 0 0 0;
 border: 0px solid blue;
}
div#header img.logo {float: left; width: 225px;}
/*div#menuN1 {
 float: right;
 width: 535px;
}
div#menuN1 img {float: right;}
div#menuN1 img.sinscrire {margin: 0 0 19px 0;}*/


/*******************************************************/
/************************** CONTENT ********************************/
/*******************************************************/









/********** LEFT ************/

div#content_left {
 float: left;
 width: 495px;
 margin: 0 0 30px 0;
}
div#content_left h1 {
 margin: 35px 0 0 0px;
 color: #0098FF;
 font-size: 30px;
 font-weight: normal;
}
div#content_left h2 {
 margin: 20px 0 0 0px;
 color: #64788A;
 font-size: 22px;
 font-weight: normal;
}

div#content_left h2 a {
 color: #64788A;
}

div#content_left h3 {
 margin: 15px 0 0 0px;
 color: #92A3B3;
 font-size: 16px;
 font-weight: bold;
}
div#content_left p.txt, div#content_left p.spip {
 font-size: 12px;
 color: #64788A;
 margin: 8px 0 10px 8px;
 padding: 0;
}

div#content_left ul.plan{
 font-size: 12px;
 color: #64788A;
 margin: 8px 0 10px 36px;
 padding: 0;
}
div#content_left ul.plan li{
 font-size: 12px;
 color: #64788A;

}



div#content_left a.knowmore {
 font-size: 12px;
 font-weight: bold;
 color: #f60;
 text-decoration: none;
 background: url("../images/fleche_go.gif") 100% 4px no-repeat;
 margin: 0;
 padding: 0 15px 0 0;
}
div#content_left a.knowmore:hover {color:#0098FF; background: url("../images/fleche_go_on.gif") 100% 4px no-repeat;}

div#content_left2 {
 float: left;
 width: 700px;
 margin: 0 0 30px 0;
}
div#content_left2 h1 {
 margin: 35px 0 0 0px;
 color: #0098FF;
 font-size: 30px;
 font-weight: normal;
}
div#content_left2 h2 {
 margin: 20px 0 0 0px;
 color: #64788A;
 font-size: 22px;
 font-weight: normal;
}

div#content_left2 h2 a {
 color: #64788A;
}

div#content_left2 h3 {
 margin: 15px 0 0 0px;
 color: #92A3B3;
 font-size: 16px;
 font-weight: bold;
}
div#content_left2 p.txt, div#content_left p.spip {
 font-size: 12px;
 color: #64788A;
 margin: 8px 0 10px 8px;
 padding: 0;
}

div#content_left2 ul.plan{
 font-size: 12px;
 color: #64788A;
 margin: 8px 0 10px 36px;
 padding: 0;
}
div#content_left2 ul.plan li{
 font-size: 12px;
 color: #64788A;

}



div#content_left2 a.knowmore {
 font-size: 12px;
 font-weight: bold;
 color: #f60;
 text-decoration: none;
 background: url("../images/fleche_go.gif") 100% 4px no-repeat;
 margin: 0;
 padding: 0 15px 0 0;
}
div#content_left2 a.knowmore:hover {color:#0098FF; background: url("../images/fleche_go_on.gif") 100% 4px no-repeat;}


/**** ONGLET MORE ****/
div.more {
 float: left;
 width: 495px;
 background: url("../images/rub_onglet_bloc_fd.gif") 0% 23px repeat-x;
}
div#rub_off {
 height: 60px;
}
div#rub_on {
 display: none;
 margin: 0 0 30px 0;
}




/********** RETOUR HAUT DE PAGE **************/
div#content_left a.top {
 float: right;
 font-size: 12px;
 font-weight: bold;
 color: #F06B00;
 text-decoration: none;
 background: url("../images/fleche_top.gif") 100% 4px no-repeat;
 padding: 0 15px 0 0;
 margin: 20px 0 10px 0;
}
div#content_left a.top:hover {
 background: url("../images/fleche_top_on.gif") 100% 2px no-repeat;
 color: #92A3B3;
}



/********** RIGHT ************/

div#content_right {
 float: right;
 display: inline;
 width: 225px;
 margin: 10px 20px 0 0;
}
div#content_right h2 {
 font-size: 24px;
 color: #f60;
 margin: 22px 0 0 0;
}
div#content_right ul.benefits {
 margin: 0 0 25px 0;    
 padding: 0;
}
div#content_right ul.benefits li {
 margin: 0 0 2px 15px;
 padding: 0;
 font-size: 12px;
 color: #444;
 list-style: url("../images/fleche_ul.gif") outside;
}
div#blackberry{
/* margin: 0 0 5px 0;****/
/***************  modif logo blackberry  avant n'existait pas***********/
}

.separateur{
margin: 0 0 1px 0;
clear:both;
}








div#encart {  font-size: 12px; }
div#encart ul {

/*margin: 0 0 25px 0;avant logo blackberry*****/
 margin: 0 0 5px 0;
 padding: 0;
}
div#encart ul li {
 margin: 0 0 2px 15px;
 padding: 0;
 font-size: 12px;
 color: #444;
 list-style: url("../images/fleche_ul.gif") outside;
}



/*************** ETAPES ***********/

div#etapes {
 float: left;
 width: 760px;
 margin: 15px 0 40px 0;
 padding: 0;
 background: #fff url("../images/content_home_etapes.gif") 0% 0% no-repeat;
 text-align: right;
}
div#etapes img {margin: 12px 0 10px 0;}



/*******************************************************/
/************************** FOOTER ********************************/
/*******************************************************/
div#footerGlobal1 {
 position: relative;
 clear: both;
 margin: auto;
 padding: 15px 18px 15px 20px;
 border: 0px solid red;
 background-color: #E9EDF0;
}
div#footer1 {
 width: 742px;
 margin: auto;
 font-size: 11px;
 color: #92A3B3;
}
div#footer1 p {
 margin: 0;
 padding: 0;
}
div#footer1 a {
 font-size: 11px;
 color: #92A3B3;
 text-decoration: none;
}
div#footer1 a:hover {text-decoration: underline;}

div#footerGlobal2 {
 margin: auto;
 padding: 0 18px 0 20px;
}
div#footer2 {
 width: 742px;
 margin: auto;
 padding: 15px 0 50px 0;
 font-size: 11px;
 color: #92A3B3;
}
div#footer2 p {
 margin: 0;
 padding: 0;
}
div#footer2 a {
 font-size: 11px;
 color: #92A3B3;
 text-decoration: none;
}
div#footer2 a:hover {color: #0098FF;}




/************** BREVES **************/
div#breves { padding:0 12px 0 12px;}
div#breves p { font-size:12px; margin-bottom: 4px;}
div#breves p:first-line { color: #64788A; font-size:11px}
div#breves .titre { color: #FF6600; font-weight:bold;}





p.small { font-size:10px; text-align:center}
p.small a {color: #92A3B3; text-decoration:none;}