body {
	font-family: Arial, Helvetica;
	background-image:url(images/stripe.png);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
}
a { color: #ffffff; text-decoration: none; }
a:hover {
	color:#99FFFF;
	text-decoration: underline;
   }
a:active { color: #ffffff; }



#header {
    width: 976px;
    height: 150px; 
    margin-bottom: 5px;
    margin: auto;
    padding: 0px 2px 0px 2px;
}
#header a {
    width: 100%;
    height: 100%;
    display: block;
} 
/*#menu {
    width: 984px;
    margin: auto;
    margin-top: 7px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    border: 2px solid #ffffff; 
    background-image: url("images/menu-animee.gif");
}
*/
#menuflash {
   width: 976px;
   height: 50px;
   margin: auto;
   background-color: #0099FF;
   margin-bottom: 8px;
}
/*#menu a {
    background-image: url(images/bouton-normal.jpg);
    color: #ffffff; text-decoration: none; 
    display: block;
    margin: 0px 0px 0px 0px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
#menu a:hover {
    background-image: url(images/bouton-brillant3.jpg);
    color: #ffffff; text-decoration: blink;
}*/

a.accueil {
    background-image: url("images/bouton_accueil.jpg");
    width: 180px;
    height: 50px;
    display: block;
    margin: 0;
    float: left;
    
}
#flag {
    width: 200px;
	margin-top: 10px;
	margin-left:30px;
}
a.accueil:hover {
    background-image: url("images/bouton_accueil2.gif");
}

a.portfolio {
    background-image: url("images/bouton_portfolio.jpg");
    width: 180px;
    height: 50px;
    display: block;
    margin: 0;
    float: left;
}
a.portfolio:hover {
    background-image: url("images/bouton_portfolio2.gif");
}

a.contact {
    background-image: url("images/bouton_contact.jpg");
    width: 180px;
    height: 50px;
    display: block;
    margin: 0;
    float: left;
    
}
a.contact:hover {
    background-image: url("images/bouton_contact2.gif");
}
#contenu {
    width: 976px;
    margin: auto;
    padding: 0 0 50px 16px;
	background-color: #000000;
    background-image:url(images/fond_tigrebis.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#pagerank {
    width: 20px;
	margin: 0 20px 25px 800px;
	float: right;
}
.news {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
	margin-left: 60px;
}
.petit_lien {
	margin: auto;
	font-size: 11px;
	color: #D0ECF0;
	text-align: center;
}
#livre_dor {
    width: 600px;
    margin-left: 168px;
}
#livre_dor p {
     text-align: center;
    font-size: 20px;
    color: #ffffff;
}

/*LISTE DES BOUTONS*/
#barre_sousmenu {
    width: 600px;	
    padding-right: 76px;
    padding-left: 76px;
    height: 32px;
    margin: auto;
    background-image: url(images/menu_peinture.png);
}

#barre_sousmenu2 {
    width: 900px;	
    padding-right: 25px;
    padding-left: 25px;
    height: 32px;
    background-image: url(images/menu_dessin.png);
    background-repeat: no-repeat;
    margin-left: 32px;
}
#bouton a {
   background-image: url("images/bouton_remonter.jpg");
   margin: 0 10px 10px 0px;
   display: block;
   width: 127px;
   height: 20px;
   float: right;
}
#bouton a:hover {
   background-image: url("images/bouton_remonter2.jpg");
}
/*Fin Boutons*/
#contenu_dessin {
    width: 976px;
    margin: auto;
    padding: 60px 0px 50px 16px;
    text-align: center;
    background-color: #ffffff;
}
#contenu_peinture {
    width: 972px;
    margin: auto;
    padding: 60px 0px 50px 16px;
    text-align: center;
    border: 2px solid #ffffff;
    background-color: #99ccff;
}
#contenu_infographie {
    width: 972px;
    margin: auto;
    padding: 60px 0px 50px 16px;
    text-align: center;
    border: 2px solid #ffffff;
    background-color: #99ccff;
}
#rubrique {
    width: 260px;
    margin: 10px 30px 0px 30px;
    /*border: 2px dotted #ffffff;*/
    float: right;
    /*background-image: url("images/fond_rubrique3.png")*/
}
#boite_lien {
	width: 148px;
	margin: 30px 35px 5px 5px;
	padding-top:45px;
	float: right;
	border: 1px solid #ffffff;
	background-image: url(images/bouton_liens.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #81ddda;
	text-align:center;
}
#boite_lien ul{
	text-align: left;
}
#boite_direction {
    width: 120px;
    height: 150px;
    padding: 5px;
    margin: 5px 15px 0px 0px;
    float: left;
    text-align: center;
    border: 1px dotted #ffffff;
}
#nouveau {
	width: 148px;
	border: 1px solid #ffffff;
	float: right;
	margin: 5px 25px 10px 125px;
	background-image: url(images/bouton_nouveau.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
#nouveau h1 { 
    font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #CCCCCC;
	margin-top: 50px;
	padding-right: 6px;
	margin-left: 6px;
}
#nouveau p {
    font-size: 12px;
	color: #ffffff;
}
#footer {
    width: 976px;
    margin: auto;
    margin-top: 10px;
    height: 30px;
    border: 2px solid #ffffff;
    background-image: url("images/footer.jpg");
    text-align: center;
}
#contenu_infographie h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
}

#email h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
}
#compteur {
    width: 200px;
    margin: 30px 28px 0 0;
    float: right;
}
#infoip {
    width: 330px;
    margin: 40px 15px 0 0;
    float: right;
}
#compteur2 {
    width: 100px;
    margin: 120px 0px 0px 30px;
    float: right;
}
#compteur h4 {
    color: #ffffff;
    font-weight: bold;
}
.compteur {
    color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	letter-spacing: 1px;
}
#pr {
    margin-right: 60px;
	margin-bottom: 30px;
	float: right;
}
  
.titre_vecto1 {
    margin: 40px 0px 100px 278px;
}
.titre_vecto {
    margin: 40px 300px 100px 230px;
}
.titre_vecto2 {
    margin: 30px 200px 70px 250px;
}

.copyright {
    font-size: 13px;
    line-height: 30px;
    color: #ffffff;
    font-style: italic;
}
hr.trait { width:70%; }
hr.trait2 { width:50%; }
.retour { clear: both; }
h1.contenu { font-weight: bold; color: #ffffff; }
h1.sommaire { 
    margin: 0px 0px 0px 50px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
    color: #dfdfdf;
	font-size: 24px;
}
.puce3 {
   color: #7edbf2;
   margin: 0px 0px 0px 80px;
}
.puce4 {
   color: #3a93e5;
   margin: 0px 0px 0px 80px;
}
.dessin li {
    margin: 0px 0px 0px 90px;
    color: #3a93e5;
    font-size: 18px;
}
.txtpuce {
    color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
h4.index {
    margin: 0px 0px 0px 90px;
    color: #ffffff;
}
h4.index2 {
    margin: 0px 0px 0px 160px;
    color: #ffffff;
}

h1.dessin { font-weight: bold; font-style: italic; font-size: 50px; color: #ffffff; }   
h3.liens { font-weight: bold; font-style: italic; color: #ffffff; }
.link {
   font-size: 15px;
   font-weight: bold;
}
.centre1 {
   margin: 90px 0px 0px 50px;
}
.centre {
   margin: 90px 150px 100px 170px;
}
p.droite { float: right; }
#galerie {
   margin: auto;
}
p.direction {
   font-size: 15px;
   color: #e3f7fd;
   text-align:center;
   letter-spacing: 1px;
   font-weight: bold;
}
.image {
     border: 3px solid #79bae7;
}
.chiffre {
     font-size: 16px;
	 color: #FF9933;
	 font-weight: bold;
}

input,textarea {
     width: 200px;
 }
input.bouton {
	background-color: #FFCC33;
	color: #ffffff;
     }
input.bouton:hover {
      background-color: #FF0000;
	font-weight: bold;
}     
label {
}
label:hover {
      font-weight: bold;
	color: #CC6633;
}
legend { 
      color: #996600;
}
input {
      background-color: #FFF;
	border: 1px solid #660000;
}
input:hover {
        background-color:#CC9966;
}
textarea {
        background-color: #FFF;
	  border: 1px solid #660000;
}
textarea:hover {
        background-color:#CC9966;
}
fieldset {
        border: 2px #FFF doted;
	  background-color: #d3d4d6;
}
fieldset:hover {
        background-color: #e0e1e3;
}


.infoip {
        font-size: 12px;
	  color: #0066CC;
	  font-weight: bold;
	  margin: 0;
}
.livre {
      font-size: 17px;
	  color: #FFF;
	  font-weight: bold;
	  }
/******Formulaire********/
#formulaire {
       width: 760px;
     height: 800px;
	 background-image:url(images/fond_contact.jpg);
	 background-repeat: no-repeat;
	 margin: auto;
	 padding: 0; 
}
#formulaire p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #0099CC;
   font-weight: bold;
}
input.bouton {
	background-color: #ebfffd;
	color: #ffffff;
		font-weight: bold;
     }
input.bouton:hover {
 

}     
label {
   color: #0066FF;
}
label:hover {
	color:#3366FF;
}
legend { 
      color: #0066FF;
	  font-weight: bold;
}
input {
      background-color: #FFF;
	border: 2px solid #6ccbf2;
}
input:hover {
        background-color:#a1dfe6;
	  border: 2px solid #c9d5f7;
}
textarea {
        background-color: #FFF;
	  border: 2px solid #6ccbf2;
}
textarea:hover {
        background-color:#a1dfe6;
	  border: 2px solid #c9d5f7;
}
fieldset {
     width: 470px;
	 margin: auto;
	 padding-height: 40px;
}
fieldset p {
     font-size: 16px;
	 color: #0099CC;
	 font-weight: bold;
}

input[type="reset"] {
      background-color: #f8405a;
	font-weight: bold;
	color: #89091b;
}

input[type="reset"]:hover {
       background-color: #FF0000;
	  color: #84080e;
	 
}
input[type="valider"] {
       background-color: #66FF66;
	 color: #248909;
	 font-weight: bold;
	 text-align: center;
}
input[type="valider"]:hover {
       background-color: #66FF00;
	 color: #1d7103;
}
#flash {
       padding-top: 900px;
       margin: auto;
}
/*.tableau tr {
     background-color: #eaf4fa;
}*/
.tableau p {
     font-size: 15px;
	 color: #FFF;
	 font-weight: bold;
	 text-align: left;
       padding-left: 10px;
}
.tableau p:hover {
     color: #70c1fa;
}
.etoile {
     font-size: 14px;
     color: #748cd2;
	 text-align: center;
}

#mail_envoye {
     width: 500px;
     margin: auto;
     padding: 20px;
     background-color: #33CCFF;
}
#mail_envoye h1 {
     font-size: 16px;
     color: #FFF;
}
#mail_envoye p {
     font-size: 14px;
     color: #0066FF;
}
.titre_mail {
     font-size: 15px;
	 font-weight: bold;
	 color: #FF9900;
}


.expliquation { 
     font-size: 12px;
	 color: #3366FF;
	 padding: 10px;
     margin-top: 8px;
}
#contenu_dessin a {
     color: #3366FF;
	 text-decoration: none;
}
#contenu_dessin a:hover {
     text-decoration: underline;
}
.noel { 
     font-size: 13px;
	 color: #FFF;
	 font-weight: bold;
	 margin-left: 60px;
	 text-align: center;
	 }
#attention {
      width: 900px;
}
#attention p {
      font-size: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.lien_web {
      font-size: 12px;
	color: #CBEBED;
}
#retour_accueil {
       width: 265px;
	 margin: auto;
	background-color: #00FFFF;
	text-align: center;
}
#retour_accueil a {
       font-size: 14px;
	 font-weight: bold;
	 color: #FFF;
}
#retour_accueil p {
       font-size: 14px;
	 font-weight: bold;
	 color: #FFF;
}
	 
.noel2 { 
     font-size: 18px;
	 color: #FFF;
	 font-weight: bold;
	 margin-left: 15px;
	 }
#welcome {
      width: 972px;
	text-align: center;
}
.welcome {
     font-size: 28px;
     color: #C1F7F0;
     text-align: center;
     font-weight: bold;
}
.welcome2 {
     font-size: 14px;
     color: #FFF;
     text-align: center;
     font-weight: bold;
}
#banip {
     font-size: 18px;
	 color: #FFF;
	 background-color: #FF0000;
	 margin:auto;
	 padding: 20px 10px 30px 10px; 
	 border: 3px solid #FFCC00;
	 text-align: center;
}
#cv {
 width: 850px;
     margin: auto;
       color: #33AFEC;
}
#bar { 
    width: 550px;
    margin: auto;
    color: #33AFEC;
}
    
#bar h1 {
  font-size: 16px;
  color: #33AFEC;
  font-weight: bold;
  text-align: center;
}
#tempete { 
    width: 500px;
    margin: auto;
    color: #33AFEC;
}
    
#tempete h1 {
  font-size: 16px;
  color: #33AFEC;
  font-weight: bold;
  text-align: center;
}

#manga { 
    width: 550px;
    margin: auto;
    color: #33AFEC;
}
    
#manga h1 {
  font-size: 16px;
  color: #33AFEC;
  font-weight: bold;
  text-align: center;
}
#sarko { 
   width: 700px;
   height: 700px;
   margin: auto;
}
#sarko h1 {
    font-size: 16px;
	color: #33AFEC;
    font-weight: bold;
    text-align: center;
}
#flag a {
    font-size: 10px;
	color: #FFF;
	text-decoration: none;
}
#flux_rss {
    width: 800px;
    color: #1DCDCD;
    margin: auto;
}
#flux_rss h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#flux_rss a {
    font-size: 16px;
    color: #1DCDCD;
    text-decoration: none;
    text-align: center;
    font-weight: bold; 
}
#flux_rss a:hover {
    color: #258D8D;
    text-decoration: none;
}
#boite_rss {
    width: 550px;
    margin: auto;
}
#whatsip {
   width: 578px;
   margin-right: 170px;
   float: right; 
}
#whatsip h1 {
   font-size: 40px;
   color: #0099FF;
   margin-left: 100px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
}
#whatsip h2 {
    font-size: 14px;
	color: #0066FF;
    font-family:Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
#whatsip h3 {
  font-size: 16px;
  color: #0099FF;
  font-style: italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#boite_geo {
  width: 400px;
  height: 500px;
  float: left;
  margin-left: 100px;
  margin-top: 150px;
}
.ipdate {
     font-size: 17px;
	 color: #0099FF;
	  font-family:Georgia, "Times New Roman", Times, serif;
}
#iphone {
    width: 550px; 
	margin: auto;
	padding: 0;
}
#iphone h1 {
    font-size: 20px;
    font-weight: bold;
	color: #0099FF;
	margin: auto;
	text-align: center;
}

#iphone a {
    font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}
#iphone a:hover {
    text-decoration: blink;
	color: #CCCCCC;
}
#faviphone { 
    width: 150px;
	background-color: #00CCFF;
}
#faviphone a { 
    font-size: 13px;
	color: #FFF;
}
#mini_ban {
    width: 500px;
    height: 50px;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
#mini_ban1 {
    width: 500px;
    height: 50px;
    margin-left: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#lien_retour {
   width: 950px;
   height: 30px;
   margin: auto;
   padding-top: 30px;
   padding-bottom: 10px;
}
#lien_retour a {
   font-size: 15px;
   color: #0066FF;
   padding-right: 20px;
   padding-left: 20px;
}
#lien_retour a:hover {
   color: #00CCFF;
}

#lien_retour2 {
   width: 950px;
   height: 30px;
   margin: auto;
   padding-top: 30px;
   padding-bottom: 10px;
   color: #FFFFFF;
}
#lien_retour2 a {
   font-size: 15px;
   color: #FFF;
   font-weight: bold;
   padding-right: 20px;
   padding-left: 20px;
}
#lien_retour2 a:hover {
   text-decoration: underline;
   color: #00CCFF;
}
#remonter {
  width: 800px;
  text-decoration: none;
  margin: 8px 0 0 780px;
  color: #FFFFFF;
  font-size: 10px;
}
#remonter a {
  text-decoration: none;
}
#boite_dessinbis {
  width: 365px;
  height: 445px;
  background-image:url(images/fond_dessin.png);
  background-repeat: no-repeat;
  margin-left: 200px; 
}
#txt_dessin {
  width: 195px;
  height: 330px;
  padding-left: 150px;
  padding-top: 5px;
}
#txt_dessin p {
  font-size: 14px;
  color: #000;
}
#txt_dessin a { 
 font-size: 14px;
 color: #0066FF;
 font-weight: bold;
  margin-left: 60px;
  margin-top: 0;
}
#boite_dessinbis a:hover {
 color: #00CCFF;
}
#fond_top {
    width: 900px;
	height: 90px;
  background-image:url(images/fond-top.jpg);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 0 40px 0;
}
#fond_mac {
   width: 430px;
   height: 462px;
   background-image:url(images/fond_mac.png);
    background-repeat: no-repeat;
	padding-top: 30px;
	margin-left: 160px;
}
#txt_mac {
   width: 372px;
   height: 260px;
   padding-bottom: 50px;
   margin-left: 25px;
}
#txt_mac p {
    font-size: 14px;
   color: #FFF;
}
#txt_mac a { 
  font-size: 14px;
 color: #FFF; 
 text-decoration: none;
}
#txt_mac a:hover {
 text-decoration: underline;
 color: #00FFFF;
}
#txt_mac h1 {
 font-size: 15px;
 color: #00CCFF;
 margin-left: 130px;
 }
 #lightbox {
 width: 500px;
 height: 500px;
 margin: auto;
}
#lightbox h1 {
font-size: 16px;
color: #FF0000;
margin: auto;
}
#anim_block {
width: 400px;
height: 120px;
}
#anim_block p {
 font-size: 14px;
 color: #0099FF;
 }
#anim_iphone a {
 width: 120px;
 height: 90px;
 background-image:url(images/animation-flash-iphone.jpg);
 text-decoration: none;
 margin: 50px 20px 20px 20px;
 float: left;
 }
 #anim_iphone a:hover {
  background-image:url(images/animation-flash-iphone-.jpg);
 text-decoration: none;
 }
 #contenu_print {
    width: 976px;
    margin: auto;
    padding: 0 0 50px 16px;
	background-color: #000;
    background-image:url(images/fond_tigrebis.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
 #contenu_print img {
  margin: 20px;
  border: none;
 }
 #titre_print {
 width: 500px;
 height: 174px;
 background-image:url(images/titre-print.png);
 background-repeat: no-repeat;
 margin: auto;
 }
 
  #titre_web {
 width: 500px;
 height: 185px;
 background-image:url(images/titre-web.png);
 background-repeat: no-repeat;
 margin: auto;
 }
 #contenu_web {
    width: 976px;
    margin: auto;
    padding: 0 0 50px 16px;
	background-color: #000;
    background-image:url(images/fond_tigrebis.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
 #contenu_web img {
  margin: 20px;
  border: none;
 }
 #contenu_web h1,#contenu_print h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 25px;
 color: #FFF;
 text-decoration:underline;
 text-align:center;
 }
 
 #bureauflash {
 width: 1024px;
 height: 780px;
 margin: auto;
}