body {
 background: #dfdfdf url("../images/fond.gif") 100% 0px repeat-x;
 font-family: Helvetica,Arial, sans-serif;
 font-size:14px;
 margin: 0;
 padding: 0;}
 img{border:none;}
 
/********** la structure ************/

div#global {
position: relative;
z-index:5;
width: 760px;
_width: 760px;
 margin: auto;
 overflow:auto; 
 background-color :#b3c0c9;
 padding: 0 ;
 border: 1px solid #000;
}

/********** banniere ************/
div#banniere {
position:absolute ;
left:0px ;
top:0px ;

height:145px;
width: 760px;
 _width: 100%;

}
/********** la banniere************/

div#image{
position:absolute ;
left:0px ;
top:0px ;

height:145px;
width: 145px;

background: url("../images/world.png") 100% 0px no-repeat;
}
div#langues{
width: 120px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

div#image1{
position:absolute ;
left:145px ;
top:0px ;

height:145px;
width: 205px;

background: url("../images/portable.jpg") 100% 0px no-repeat;
}
div#image2{
position:absolute ;
left:350px ;
top:0px ;
height:145px;
width: 205px;

background: url("../images/portable2.jpg") 100% 0px no-repeat;
}
div#image3{
height:145px;
width: 205px;
position:absolute ;
left:555px ;
top:0px ;
background: url("../images/phone3.jpg") 100% 0px no-repeat;
}

/********** navigation ************/
div#logo_pro{
position:absolute ;
left:0px ;
top:145px ;

width: 220px;
height:74px;
}
div#barre_navigation{
position:absolute ;
left:230px ;
top:145px ;


width: 530px;
}
div#fil_ariane{
position:absolute ;
left:230px ;
top:196px ;
z-index:-1;
/* z-index:5; */


height:35px;width: 500px;

}


div#image_gauche{
float: left ;
/********** modifs ************/
margin-top:10px;
margin-left:10px;
_margin-left:5px;
margin-right:10px;
_margin-right:5px;
width: 188px;
height:350px;

 background: url("../images/phone2.jpg") 100% 0px no-repeat;
}


div#milieu_pro{
width: 510px;
_width: 510px;
/* height:350px;
min-height:300px;
_height:300px; */
padding: 5px;
line-height:normal;
font-size: 11pt;
text-align: justify ;
background-color : #e5e5e5;
float:right;
/*
float:left; */
margin:10px;
_margin:10px;
z-index:-1;
 border: 0px solid blue;
}

.mobileglobe{
font-size:13px;
}

div#milieu_pro2{
min-height: 350px;
_height: 350px;
width: 510px;
_width: 510px;
padding: 5px;
z-index:-1;
margin:10px;
_margin:5px;
line-height:normal;
/* font-size: 11pt; */
float:right;
text-align: justify ;
background-color : #e5e5e5;

border: 0px solid blue;
}

div#milieu_pro3{
width: 720px;
min-height:350px;
padding: 5px;
line-height:normal;
font-size: 11pt;
text-align: justify ;
background-color : #e5e5e5;
z-index:-1;
border: 0px solid blue;
}

div#contenu{


position:absolute;
left:230px ;
top:10px ;
background-color : red;
border: 0px solid blue;
padding: 5px;
}

div#petitblocs{
float:right;
_margin-top:5px; 
}


div#petitbloc_gauche{
width: 156px;
height:122px;
_height:127px;
margin-right:10px;
/* position:absolute ;
left:230px ;
bottom:100px ; */
float:left;
background-color : #e5e5e5;
border: 0px solid blue;
padding: 5px;
}

div#petitbloc_gauche_de{
width: 156px;
height:145px;
_height:152px;
margin-right:10px;
/* position:absolute ;
left:230px ;
bottom:100px ; */
float:left;
background-color : #e5e5e5;
border: 0px solid blue;
padding: 5px;
}










div#petitbloc_milieu{
width: 158px;
height:122px;
_height:127px;
margin-right:10px;
background-color : #e5e5e5;
float:left;
border: 0px solid blue;
padding: 5px;
}

div#petitbloc_milieu_de{
width: 158px;
height:145px;
_height:152px;
margin-right:10px;
background-color : #e5e5e5;
float:left;
border: 0px solid blue;
padding: 5px;
}






div#petitbloc_droite{
width: 156px;
height:122px;
_height:127px;
margin-right:10px;
_margin-right:5px;
background-color : #e5e5e5;
float:left;
border: 0px solid blue;
padding: 5px;
}


div#petitbloc_droite_de{
width: 156px;
height:145px;
_height:152px;
margin-right:10px;
_margin-right:5px;
background-color : #e5e5e5;
float:left;
border: 0px solid blue;
padding: 5px;
}











div#bas{
float: right;
width: 100%;
bottom:0px;
border: 0px solid blue;
}

div#petitbloc_lien a{
display:block;
margin-bottom: 0px;
}


div#footer_pro{
float: right;
width: 760px;
background-color : #e5e5e5;
margin-top: 10px;
text-align : center;
border: 0px solid blue;
}

div#footer_pro2{
float: right;
width: 100%;


width: 100%;
background-color : #e1dddd;
text-align : center;
border: 0px solid blue;
}

div#footer{
padding:15px 18px 15px 20px;
font-size: 12px;
text-align : center;
border: 0px solid blue;
}

/**** tarifs****/ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /********** les polices************/

 
h1{margin-top:0;
font-size: 13pt;
text-align : center; 
color:#48718c;} 


 h1.spip{margin-top:0;
color:#48718c;
font-size:16px;
font-weight:bold;}

 h2{color:#64788A;
font-size:16px;
font-weight:bold;}

h2.spip{margin-top:0;
color:#64788A;
font-size:16px;
font-weight:bold;}

h3 {color:#92A3B3;
font-size:19px;
font-weight:normal;}

h3.spip{
/*margin-top:5px;*/
font-size: 11pt;
 font-weight: bold ;
color:#64788A;
}

h4 {
font-size:17px;
color:#64788A;
margin-top:0px;
margin-bottom:0px;}

strong.spip{font-weight: bold ;}

table.spip td { padding: 3px; text-align: left; vertical-align: top; }

.presentation{

font-size:small;
letter-spacing:-0.1ex;
word-spacing:-0.2ex;
width:150px;
text-align:justify;

}


.copy{
font-size: 9px;
color:#949494;
}

.gras{font-weight: bold}

.orang{
font-size: 13pt;
color:#ff8c00;
font-weight: bold ;
}
.bleu{
font-size: 11px;
color:#48718c;
font-weight: bold ;
}
.local{
font-size: 12px;
color:#00a2e2;
font-weight: bold ;
}

.erreur{
text-align: center ; 
font-size: 11px;
color:red;
}

.marge{

margin-left:10px;



}






.datenews{

display: block;
text-align : center; 
font-size: 14px;
color:#ff8c00;
font-weight: bold ;
 padding-bottom: 2px;
}
.titrebleu{

font-size: 13px;
 font-weight: bold ;
color:#48718c;
}

.hr_bleu{
border-top:1px solid gray;

}

.titrenews{
border: 0px solid blue;
display: block;
font-size: 12px;
padding-bottom: 1px; 
 line-height:13px;
 font-weight: bold ;
color:#48718c;
}

.contact{

font-size: 10px;
font-weight: bold ;
color:#48718c;
}


.form_contact{
font-size: 12px;
color:#64788A;
}

.blocmilieu_txt{
display: block;
border: 0px solid blue;
  padding-top: 1px;
 /*    _padding-top: 1px; */
font-size: 12px;
 line-height:13px;
color:#000;
}
.corpsnews{
display: block;
border: 0px solid blue;
/*   padding-top: 2px;
    _padding-top: 1px; */
font-size: 12px;
 line-height:13px;
color:#000;
}

/********** les liens************/



a:link{

font-size: 15px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
a.contact:link{

font-size: 15px;
font-weight: bold;
color: #48718c;
text-decoration: underline;
font-weight: bold;
font-style: normal;
}
a:visited {
font-size: 15px;
font-weight: bold;
color: #64788A;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
a:hover {

font-size: 15px;
font-weight: bold;
color: #0098FF;
text-decoration: underline;
font-weight: bold;
font-style: normal;
}
 a:active {
font-size: 15px;
font-weight: bold;
color: #f68c00;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

a.sitemap:link{

font-size: 17px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

 a.sitemap:active {
font-size: 17px;
font-weight: bold;
color: #f68c00;
text-decoration: none;
font-weight: bold;
font-style: normal;
}

a.sitemap:visited {
font-size: 17px;
font-weight: bold;
color: #64788A;
text-decoration: none;
font-weight: bold;
font-style: normal;
}
a.sitemap:hover {

font-size: 17px;
font-weight: bold;
color: #0098FF;
text-decoration: none;
font-weight: bold;
font-style: normal;
}



















/********** liens footer************/
div#footer_pro a:link{
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;
}

div#footer_pro a:visited {
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;

}
div#footer_pro a:hover {
font-size: 12px;
font-weight: bold;
color: #f68c00;
text-decoration: none;
font-weight: normal;
font-style: normal;

}
div#footer_pro a:active {
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;
}


/********** liens footer2************/
div#footer_pro2 a:link{
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;
}

div#footer_pro2 a:visited {
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
div#footer_pro2 a:hover {
font-size: 12px;
font-weight: bold;
color: #f68c00;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
div#footer_pro2 a:active {
font-size: 12px;
font-weight: bold;
color: #48718c;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
 
/********** la structure ************/




/**** commencer l'inscription ****/
 div#content_left input.bt3 {
 float: right;
 padding: 2px;
 border: none;
 padding: 6px 4px 6px 4px;
 margin: 10px 25px 0 0;
 font-weight: bold;
 font-size: 11px;
 cursor: pointer;
}
div#content_left input.bt3:hover {color: #64788A;}
div#content_left input.valider {background:transparent url("../images/input_bt_fd.gif") 0% 0% no-repeat; width: 147px; color: #0098FF;}
/**************** tarifs*****************/

div#content {
 float: left;
/*  margin-top:219px; */
 margin-top:230px;
width:100%;
}


div#choix {
 float: left;
 width: 270px;
}
div#choix p.titre {
 clear: both;
 font-size: 12px;
 font-weight: bold;
 color: #64788A;
 margin: 0 0 4px 8px;
 padding: 15px 0 0 0;
}

div#choix select {
 float: left;
 display: inline;
 border: 1px solid #C8D1D9;
 width: 180px;
 background: #fff url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 2px;
 margin: 0 0 0 8px;
 color: #64788A;
 font-size: 11px;
 z-index: 0;
}
div#choix select option {border-bottom: 1px solid #EBF7FB;}

div#choix input.radio {margin: 0 0 0 8px; clear: left;}
div#choix label {
 font-size: 12px;
 color: #64788A;
}
div#choix input.valider {
 float: right;
 clear: both;
 padding: 2px;
 border: none;
 padding: 6px 4px 6px 4px;
 margin: 10px 50px 0 0;
 font-weight: bold;
 font-size: 11px;
 background: url("../images/input_bt_fd.gif") 0% 0% no-repeat; 
 width: 80px; 
 color: #0098FF;
}

div#choix input.affpays {
 padding: 2px;
 border: none;
 padding: 0px 4px 0px 4px;
 margin: 5px 5px 0 0;
 font-weight: normal;
 font-size: 12px;
 width: 150px; 
 color: #64788A;
}
div.more {
float:left;
width:475px;
}
div#rub_off {height:60px;}
div#rub_on {
 display:none;
 margin:0 0 30px;
}

/**************** le tarif *****************/
div#zone_tarif {
 border: 0px solid #EBF7FB;
 float: left;
 width: 190px;
 margin-top:30px;
}

div#haut_tarif2
{

width: 185px;
height:15px;
background: transparent url("../images/tarifs_fd_top2.gif") no-repeat;
}

div#le_tarif2 {
/**display: inline;*****/
 width: 185px;
 /**margin: 20px 20px 0 0;***/
 padding: 0 0 25px 0;
 text-align: center;
background: transparent url("../images/tarifs_fd_milieu.gif") repeat-y;
}

div#bas_tarif2
{
height:15px;
background: transparent url("../images/tarifs_fd_bas.gif")  no-repeat;
}



div#le_tarif2 p {
font-size: 12px;
line-height: 18px;
color: #64788A;
padding: 8px 15px 0 15px;
margin: 0; 
}


div#le_tarif2 p.small {
font-size: 11px;
line-height: 13px;
color: #64788A;
margin: 0px 0 0 0;
padding: 0 20px 0 20px;
}



div#le_tarif2 p.tarif {
font-size: 16px;
color: #48718c;
font-weight: bold;
/**********modifs ici ************/
/** margin: 10px 0 0 0;***/
padding: 0 15px 0 15px;
}







/**premiere version*****/










div#le_tarif {
/**display: inline;*****/
 width: 185px;
 margin: 20px 20px 0 0;
 padding: 0 0 25px 0;
 text-align: center;
 background: url("../images/tarifs_fd_bottom.gif") 0% 100% no-repeat;
}
div#le_tarif p {
font-size: 12px;
line-height: 18px;
color: #64788A;
padding: 8px 15px 0 15px;
margin: 0; 
}
div#le_tarif p.tarif {
font-size: 16px;
color: #48718c;
font-weight: bold;
/**********modifs ici ************/
/** margin: 10px 0 0 0;***/
padding: 0 15px 0 15px;
}
div#le_tarif p.small {
font-size: 11px;
line-height: 13px;
color: #64788A;
margin: 8px 0 0 0;
padding: 0 20px 0 20px;
}
div#le_tarif p.small a {color: #64788A;}
div#le_tarif p.small a:hover { color: #0098FF;}
.pointille {  border:none; border-bottom: dashed #CCCCCC 1px;} 

/********** boutons ************/

a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:12px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif;
    color:#48718C;	
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
	float:right;
	 font-weight: bold;
	
}
a.bouton span, 
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(../images/input_ga.gif) left top no-repeat; 
}

a.bouton span span, 
button.bouton span span { 
    padding:0 7px 0 0;        /* Largeur du côté droit */ 
    background:url(../images/input_dr.gif) right top no-repeat; 
}

a.bouton span span span, 
button.bouton span span span { 
    height:20px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:1.5;    /* Alignement vertical du texte */ 
    background:url(../images/input_mil.gif) left top repeat-x; 
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}
*/


/**** FORMULAIRE ****/
div#content_left p.item_tab {
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
}
.item {
 border: 0px solid red;
 float: left;
 width: 160px;
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
 margin: 0;
 padding: 10px 4px 0 12px;
}
.item2 {
 clear: left;
 float: left;
 width: 160px;
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
 margin: 10px 0 0 0;
 padding: 0 4px 0 12px;
}
.item3 {
 clear: left;
 float: left;
 width: 80px;
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
 margin: 10px 0 0 0;
 padding: 0 4px 0 12px;
}
.item4 {
color:#64788A;
font-size:12px;
font-weight:bold;
margin:10px 0 0;
padding:0 4px 0 12px;
}

.item5{
text-align:center;
color:#64788A;
font-size:12px;
font-weight:bold;
margin:10px 0 0;
padding:0 4px 0 12px;
}

.bouton_valider {
 clear: left;
 float: left;
 width: 100px;
 font-weight: bold;
 margin: 10px 0 0 200px;
 padding: 0 4px 0 12px;
}

.messag{
 border: 1px solid #48718c;
 float: left;
 width: 425px;
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
 margin:10px 0 0 13px;
 padding: 0 0px 0 12px;
}
div#content_left p.item3 {
 float: left;
 width: 479px;
 font-size: 12px;
 color: #64788A;
 font-weight: bold;
 margin: 10px 0 0 0;
 padding: 0 4px 0 12px;
 border: 0px solid red;
}
div#milieu_pro3  input.txt, div#milieu_pro  input.txt2 {
 float: left;
 border: 1px solid #C8D1D9;
 width: 285px;
 background: url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 4px;
 margin: 0;
 margin-bottom:2px;
 color: #64788A;
 font-size: 11px;
}
.txt1 {
 float: left;
 border: 1px solid #C8D1D9;
 width: 250px;
 background: url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 4px;
 margin: 0;
 color: #64788A;
 font-size: 11px;
}
.txt {
color:#48718C;
font-size:12px;
font-weight:bold;
}
/**** select du formulaire de contact****/

div#txt_invi {
 float: left;
 border: 0px solid #C8D1D9;
 width: 250px;
 padding: 4px;
 margin: 0;
 font-size: 11px;
}

div#txt_invi select {
 float: left;
 border: 1px solid #C8D1D9;
 width: 125px;
 margin-left:0;
 background: #fff url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 2px;
 color: #64788A;
 font-size: 11px;
}
div#txt_invi select option {border-bottom: 1px solid #EBF7FB;}
div#txt_invi select.content {margin: 10px 0 0 0;}
div#txt_invi select.content option.choix {font-weight: bold; color: #64788A;} 
	 
/**** bouton d'envoi du formulaire de contact****/

div#milieu_pro3  input.txt {margin: 10px 0 0 0;}
div#milieu_pro3 input.txt2 {margin: 10px 0 0 12px;}
div#milieu_pro3 input.radio, div#content_left input.radio2 {
 float: left;
 padding: 2px;
 border: none;
 width: 12px;
 height: 12px;
 background: url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 6px 0 0 0;
 color: #64788A;
}
div#milieu_pro3 input.radio {margin: 10px 0 0 0;}
div#milieu_pro3 input.radio2 {margin: 10px 0 0 12px;}
div#milieu_pro3 label.label1, div#content_left label.label2 {
 float: left;
 font-size: 11px;
 font-weight: normal;
 color: #64788A;
 padding: 10px 4px 0 4px;
}
div#milieu_pro3 label.label1 {width: 300px;}
div#milieu_pro3 label.label2 {width: 430px;}
div#milieu_pro3 label.label3 {
 float: left;
 font-size: 11px;
 font-weight: normal;
 color: #64788A;
 padding: 5px;
 width: auto;
}
div#milieu_pro2 select {
 float: left;
 border: 1px solid #C8D1D9;
 /****width: 100px;****/
 margin-left:0;
 background: #fff url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 2px;
 color: #64788A;
 font-size: 11px;
}









div#milieu_pro3 select {
 float: left;
 border: 1px solid #C8D1D9;
 width: 300px;
 margin-left:0;
 background: #fff url("../images/input_fd.gif") 0% 0% repeat-x;
 padding: 2px;
 color: #64788A;
 font-size: 11px;
}
div#milieu_pro3 select option {border-bottom: 1px solid #EBF7FB;}
div#milieu_pro3 select.content {margin: 10px 0 0 0;}
div#milieu_pro3 select.content option.choix {font-weight: bold; color: #0098FF;}

 input.bt {
 float: right;
 padding: 2px;
 border: none;
 padding: 6px 4px 6px 4px;
 margin: 10px 25px 0 0;
 font-weight: bold;
 font-size: 11px;
}
 input.bt:hover {color: #0098FF;}
 input.valider  {background: url("../images/input_bt_fd.gif") 0% 0% no-repeat; width: 80px; color:#48718C;}
 
 input.bt2 {
 float: right;
 padding: 2px;
 border: none;
 padding: 6px 4px 6px 4px;
 margin: 10px 25px 0 0;
 font-weight: bold;
 font-size: 11px;
}
input.bt2:hover {color: #64788A;}

div#milieu_pro2 input.valider2  {background: url("../images/input_bt_fd.gif") 0% 0% no-repeat; width: 80px; color: #0098FF; ;}
div#milieu_pro3 input.acheter  {background: url("../images/input_bt_acheter_fd.gif") 0% 0% no-repeat; width: 140px; color: #0098FF;}
iv#milieu_pro2 input.valider_pro  {background:transparent url("../images/bouton.png") 0% 0% no-repeat; width: 147px; color: #0098FF;}
div#milieu_pro3 input.annuler  {background: url("../images/input_bt_fd.gif") 0% 0% no-repeat; width: 80px; color: #64788A; font-weight: normal;}

div#milieu_pro3 p.small {
 float: right;
 display: inline;
 font-size: 10px;
 color: #64788A;
 margin-right: 30px;
}

div#milieu_pro2.autre_question {
 float: left;
 font-size: 11px;
 font-weight: bold;
 color: #64788A;
 margin: 20px 25px 0 12px;
}

/************* listes à puces*******************/

ul.avantages{
margin:0;
padding:0;
list-style-type:none;
}
li.avantages{
 background-image:url(../images/p_logo.gif);
 background-repeat:no-repeat;
 background-position:0% 10%;
  padding-left: 12px;

}