html,body{margin:0;padding:0}

body {
font-family:Verdana;
font-size: 0.7em;
margin: auto;
padding: 0;

background-attachment: fixed;
background-color: #334163;
margin-top: 10px;
margin-bottom: 10px;
width: 97%;
border-right: 3px solid #46448A;
border-top: 1px solid #46448A;
border-bottom: 3px solid #46448A;
border-left: 1px solid #46448A;
}

p {margin-top:2px; 
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
text-decoration: none; 
padding-top: 2px; 
padding-left: 7px;
font-size: 11px;
text-align:left; }

H1{font-size: 14px; 
font-weight: bold; 
color: #FF8040; 
text-align:center; 
font: Verdana, Arial, Helvetica, sans-serif;
margin-top: 20px;	


}

H2 {font-size: 13px; 
font-style: normal; 
font-weight: bold; 
color: #334163; 
text-align:center; 
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; 
padding: 9px;
padding: 4px;
padding-bottom: 5px;
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
}

H3 {font-size: 13px; 
font-weight: bold; 
color: #ffffff; 
background: #000000;
border-bottom: 0px solid #000000;
padding: 4px;
padding-bottom: 5px;
margin-right:10px; 
margin-bottom:5px; 
margin-left:10px; 

font: Verdana, Arial, Helvetica, sans-serif;
text-align: left;

text-transform   : uppercase;	
 }

H4 {font-size: 13px; 
font-weight: bold; 
color: #ff9933; 
margin-top:5px;
padding: 4px;
padding-bottom: 5px;
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
font: Verdana, Arial, Helvetica, sans-serif;
text-align: left;

text-transform   : uppercase;
}

H5 {font-size: 13px;  
font-weight: bold; 
color: #5C86CD; 
margin-top:5px;
padding: 4px;
padding-bottom: 2px;
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
font: Verdana, Arial, Helvetica, sans-serif;
text-align: left;

text-transform   : uppercase;
}

a{display:block;color: #006;padding:1px}

.infobulle{

            position: absolute;         

            visibility : hidden;

            border: 1px solid Black;

            padding: 5px;

            font-family: Verdana, Arial;

            font-size: 10px;

            background-color: #FFFFCC;
            width: 200px;

}

#header {
height: 135px;
background:url(img/hebergement-sites-web-logo.png) top left no-repeat ; 
position:relative;
margin: 0;
width: 100%;
background-color: #ffffff;
 }

div#header h1{height:120px;line-height:80px;margin:0;background:url(img/creation-site-logo2.jpg) top left no-repeat ; 
padding-left:10px;background: transparent; color: #FF8040}
div#header a{position:absolute;right:0;top:23px}

div#content p{line-height:1.4}
p#content {margin-top:0px; 
margin-right:7px; 
margin-bottom:5px; 
margin-left:7px; 
text-decoration: none; 
padding-top: 0px; 
padding-left: 7px;
font-size: 11px;
text-align:left; }

div#footer{height: 110px;
font: Verdana, Arial, Helvetica, sans-serif;
background:#ffffff; 
border-top: 1px solid #5C86CD;
margin-top: 0px;
color: #ffffff;
text-align:center;}

div#footer a{display:inline;padding:0;color: #000000}

div#footer a:hover {color: #FF8040; text-decoration: underline;}

div#wrapper{float:left;width:100%;background: #d2d8e3; margin-top:-20px; }

div#content{margin-left:200px; background: #ffffff; margin-top:0;}

div#navigation{float:left;width:171px;margin-left:-99%;
background-color: #d2d8e3; margin-top: 2%;
 }

div#extra{clear:left;width:100%;}
div#extra { background: #000000; border-top: 1px solid #5C86CD; height: 25px; color:#ffffff;}

div#conteneur {

background: #ffffff;

}

.hr1 {
	border: none;
  background: url('barre1.png'); 
  background-repeat: no-repeat;               
  height: 2px;
  margin-left: 7px;
  margin-right: 7px;

  padding-top: 7px;
	}

.hr2 {
	margin:-0.5em 7;
	color: #5C86CD;
background-color: #5C86CD;
height: 1px;
border: 0;
margin-right: 20px;

	}	
	
.hr3 {
	margin:-0.5em 7;
	color: #ff9933;
background-color: #ff9933;
height: 1px;
border: 0;
margin-right: 10px;

	}	

.separate {
	margin:-0.5em 7;
	color: #5C86CD;
background-color: #5C86CD;
line-height: 10px;
height: 1px;
border: 0;
margin-right: 70px;
margin-left: 70px;

	}			

h1.titre1 {
top:-17px;
border:0px solid red;
position:absolute;
left:44%;
margin-left: 10px;
background:transparent;
color: #FF8040;
display: inline;
text-transform: uppercase;
font-size: 14px; 
font-weight: bold; 
color: #FF8040; 
text-align:center; 
font: Verdana, Arial, Helvetica, sans-serif;
}

p.titre1 a{
border:0px solid red;
position:absolute;
background:transparent;
color: #FF8040;text-decoration: none;
display: inline;}

p.titre1 a:hover
{
border:0px solid red;
position:absolute;
background:transparent;
text-decoration: none;
display: inline;}

#titre2 {
top:-24px;
border:0px solid red;
position:absolute;
right: 0px;
float: right;
background:transparent;}




#titre {
margin:2px 0 0 0;
padding-top:10px;
border:0px solid red;
position:absolute;
top:10px;
line-height: 15px;
left:460px;
background:transparent;}


.titre {
margin:2px 0 0 0;
padding-top:12px;
border:0px solid red;
position:absolute;
top:17px;
line-height: 20px;
left:43%;
background:transparent;}

.menu {
list-style-type: none;
margin: 5px;
padding: 7px;
font: Verdana, Arial, Helvetica, sans-serif;
      


}

.menu a {
  display: block;
  width: 150px;
	height: 25px;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-color:#000000;
font: Verdana, Arial, Helvetica, sans-serif;
      
line-height:20px;
border: 1px solid #000000;
	text-align: left;
	color: #ffffff;
  text-decoration: none;
	margin: 2px 0;
	padding-left: 7px;
	
}

.menu li {
position:relative;
z-index:100;
margin: auto;

}


.menu a:hover {

  color: #FF8040;
  text-decoration: none;
  border: 1px solid #000000;
}

.noir {
list-style-type: none;
margin: 5px;
padding: 7px;
font: Verdana, Arial, Helvetica, sans-serif;}

.noir a{
display: block;
  width: 135px;
	height: 20px;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-color:#000000;
font: Verdana, Arial, Helvetica, sans-serif;
      
line-height:20px;
border: 1px solid #000000;
	text-align: left;
	color: #FF8040;
  text-decoration: none;
	margin: 2px 0;
	padding-left: 7px;


 }
 
.noir li {
position:relative;
z-index:100;
margin: auto;

} 

.noir a:hover {

  color: #FF8040;
  text-decoration: none;
  border: 1px solid #000000;
}


fieldset
{
   margin-bottom: 15px; 
   margin-left: 20px;
   margin-right: 20px;
   padding: 7px;
  
}

legend 
{
  
   color: #FF9933;
   font-weight: bold;
}

input {background: #FFE2C6; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 1px solid #808080; border-bottom: 1px solid #808080;}
.clic {background: #FFFFFF; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #808080; border-bottom: 1px solid #808080;}

.center
{
   text-align: center;
}



abbr, acronym, .help {
border-bottom:1px dotted #FFFFFF;
cursor:help;
   }
   
a img {
border:none; }

.index {
font-weight: bold; 
color: #000000; 
text-align:left; 
font: Verdana, Arial, Helvetica, sans-serif;

border-left: 10px solid #FF8040;
text-decoration: underline;

}



.index a:link, a.index:visited{
font-weight: bold; 
color: #000000; 
text-align:left; 
font: Verdana, Arial, Helvetica, sans-serif;
display: inline;		

text-decoration: underline;
}

.index a:hover{
font-weight: bold; 
color: #FF8040; 
text-align:left; 
font: Verdana, Arial, Helvetica, sans-serif;

text-decoration: italic;
}

.index2 {
font-weight: bold; 
color: #5C86CD; 
text-align:center; 
font: Verdana, Arial, Helvetica, sans-serif;
text-transform   : normal;		
/*border-left: 10px solid #FF8040;*/
}

.index3

{margin-left: 30px; /*text-indent : 10px;*/}

.index4 {text-align: right;
margin-right: 10px;
text-decoration : none;}

.index5 {
font-weight: bold; 
color: #5C86CD; 
text-align:left; 
font: Verdana, Arial, Helvetica, sans-serif;
margin-left: 20px;
border-left: 10px solid #FF8040;
text-decoration: none;

}
	
	ul.float {list-style-type:square;color:#3659C2;margin:0 10px 10px 10px;padding:5px;border:0px solid black;float:left;}
	.float {list-style-type:square;color:#3659C2;margin:0 10px 10px 10px;padding:5px;border:0px solid black;float:left;}
	
	ul.liste-produits {list-style-type:none;;margin:8px 0;padding:0;border:0px solid black;}
	.fond {background:#F3C400;font-size:10pt;color:#FFFFD4;margin:10px 0;padding:5px;border:1px solid #D78317;}
	.titre-centre {margin-left: 30px; border:0px solid green;height:140px; width:90%;background:url(http://www.creation-site-internet-web.fr/img/poste2.jpg) no-repeat right top;}
	.titre-centre1 {margin-left: 30px; border:0px solid green;height:70px; width:90%;}
	.titre-gauche {margin-left: 30px; border:0px solid green;height:140px; width:90%;text-align: left;}
	
	.titre-centre2 {border:0px solid green;margin-left: 20px; height:200px; width:80%;background:url(http://www.creation-site-internet-web.fr/img/cadrebleu.jpg) no-repeat right top;}
	.titre-centre3 {margin-left: 30px; border:0px solid green;height:140px; width:90%;/*background:url(http://www.creation-site-internet-web.fr/img/poste.jpg) no-repeat right top;*/}
	ul.floatright {list-style-type:square;color:#3659C2;margin:0 15px 15px 15px; padding:15px; text-indent:15px; border:1px solid black;float:right;background: #E2E2E2;}
	
	.clear {clear:both;}
	.noir1 {color:#000000;}
	.noir1 a{color:#000000;}
	.noir1 a:hover {color: #FF8040;}
	.cadre1 {margin:0;padding:10px;width:40%;height:200px;border:1px solid gray;background:#FBEDF4;float:left;}
	.cadre2 {margin:0 0 0 20px;padding:10px;width:40%;height:200px;border-left:1px solid gray;border-bottom:1px solid gray;background:white;float:left;}
	#index h3.sous-titre {color:#961e88;}
	.small {font-size:8pt;font-style:italic;}
.photo {margin:0;height:145px;padding:10px;border:0px solid #000000;width:35%;float:left;}
.photo1 {margin:0;height:180px;padding:10px;border:0px solid #000000;width:35%;float:left;}
.photo2 {margin:0;height:170px;padding:10px;border:0px solid #000000;width:35%;float:right;}
.cadre {margin:0;height:430px;padding:10px;border:0px solid #000000;width:40%;float:right;}
.cadre2 {margin:0;height:230px;padding:10px;border:0px solid #000000;width:40%;float:right;}
.cadre3 {margin:0;height:350px;width: 300px;padding:10px;border:0px solid #000000;width:50%;float:left;}


p.floatright1 {margin:0 25px 25px 25px; 
padding:15px; 
text-indent:5px; 
border-top:1px solid #9FB0E4;
border-left:1px solid #9FB0E4;
border-bottom:2px solid #46448A;
border-right:2px solid #46448A;
text-align:center;
background: #F0F0F0;}

.blanc {color: #000000;}	

#tabsI {
      float:right;
      width:99%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #DD740B;
		margin-top: 30px;
		/*margin-left: 17%;*/
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 3%;
		
      }
    #tabsI ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }
		
#tabs2 {
      float:right;
      width:100%;
      background:transparent;
      font-size:11px;
	  font-weight: bold;
      line-height:normal;
      
		margin-top: 5px;
		
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 5px;
		
      }
    #tabs2 ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      margin-left: 17%;
      padding:5px 5px 5px 5px;
      color:#334163;
	  text-decoration:underline;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#ff9933;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }
#current a {
                background-position:0% -42px;
				
        }
#current a span {
                background-position:100% -42px;
				color: FF8040;
        }		

p.p1 {color: #000000; font-size: 9px; text-align: center; margin-top:7px; padding: 5px;}
.p1 a {color: #330066; text-decoration: underline;}
.p1 a:hover { background-color: #ffffff; color: #330066; text-decoration: underline;}
.p2 { color: #000000; font: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: center; line-height: 5px; margin-top:3px; margin-left:3px; padding-top: 16px;}
.p2 a {color: #000000; text-decoration: none;}
.p2 a:hover {  color: #FF8040; text-decoration: underline;}
.liens { color: #46448A; font: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: left; margin-top: 2px;}
.liens ul, li {color: #46448A; text-decoration: none; margin-left: 1px;}
.liens a {color: #46448A; text-decoration: underline;line-height: 15px; }
.liens a:hover {  color: #FF8040; text-decoration: underline;}

p.p3 a {color: #330066; text-align: left; text-decoration: underline; padding-top: 7px;}
.p4 a {color: #330066; text-align: right; text-decoration: none; padding-top: 7px; font-size: 11px;}
.p4 a:hover {font-style: italic; color: #008040;}
.p5 a {color: #000000; text-align: right; text-decoration: none; padding-top: 7px; font-size: 11px;}
.p6  {color: #2A4C0F; text-decoration: none; font-weight: bold; padding-top: 7px; font-size: 13px;text-align: center;}
.p7 {text-indent:7em;}
.p8 {font-size: 12px; font-weight: bold;}
.p9{font-size: 13px; 
font-weight: bold; 
color: #ff9933; 
margin-top:5px;
padding: 3px;
font: Verdana, Arial, Helvetica, sans-serif;
text-align: left;

text-transform   : uppercase;
}

.toutautourd {
  border-right:3px solid #46448A;
  border-left: 1px solid #9FB0E4;
  border-top: 1px solid #9FB0E4;
  border-bottom: 3px solid #46448A;
  padding: 1px 1px 1px 1px;
  padding-bottom: -5px;
  text-align:justify;
margin-right: 5px; 
background: url(img/pinceau.jpg) no-repeat; } 
  
.toutautourd1 {
  border-right:3px solid #46448A;
  border-left: 1px solid #9FB0E4;
  border-top: 1px solid #9FB0E4;
  border-bottom: 3px solid #46448A;
  padding: 1px 1px 1px 1px;
  padding-bottom: -5px;
  text-align:justify;
margin-right: 3px; 
} 
    
  
.toutautour {
  border-right:3px solid #46448A;
  border-left: 1px solid #9FB0E4;
  border-top: 1px solid #9FB0E4;
  border-bottom: 3px solid #46448A;
  padding: 1px 1px 1px 1px;
  padding-bottom: -5px;
  text-align:justify;
margin-right: 10px;
margin-left: 7px;  } 

.toutautourg {
  border-right:1px solid #46448A;
  border-left: 1px solid #9FB0E4;
  border-top: 1px solid #9FB0E4;
  border-bottom: 1px solid #46448A;
  padding: 1px 1px 1px 1px;
  padding-bottom: -5px;
  text-align:justify;
margin-right: 30px;
margin-left: 30px;  
background: #E4E4E4;
} 

.toutautourc {
  border-right:1px solid #46448A;
  border-left: 1px solid #9FB0E4;
  border-top: 1px solid #9FB0E4;
  border-bottom: 1px solid #46448A;
  padding: 1px 1px 1px 1px;
  padding-bottom: -5px;
  text-align:center;
margin-right: 30px;
margin-left: 30px;  
background: #F0F0F0;
} 



.bouton a{

 display: block;
  width: 150px;
	height: 20px;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-color:#000000;
font: Verdana, Arial, Helvetica, sans-serif;
      
line-height:20px;
/*border: 1px solid #000000;*/
	text-align: left;
	
  text-decoration: none;
	margin: 2px 0;
	padding-left: 7px;
 
  color: #FF5604;
  

  }
  
.button a{

 
  text-decoration: none;
  width: 120px; 
  height: 20px;
  color: #5C86CD;
  

  }