/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/

body
{
   width: 736px;
   
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;    
   background-color: rgb(30,0,60);
   background-attachment: fixed;
}


/*Cadre_global*/

#cadre_global
{
   
   margin-top: 0px;
   margin-bottom: 5px;
   margin-left: 5px;
   margin-right: 5px;
   padding-top: 0px;
   background-color: black;
   border: 2.5px solid rgb(40,40,40);
}

/* L'en-tête */

#en_tete
{
   width: 728px;
   height: 126px;
   background-image: url("http://www.web-potentiel.com/banniere-nvo.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 10px;
   padding-left: 0px;
   padding-bottom: 34px;
}



#logolien a
{
display: block;
width: 0px;
outline: none;
}



.menu_horizontal
{

background-color : black;
height: 25px;
width: 720px;
border: 1.5px solid black;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;

}

.menu_horizontal a
{
background-color: black;
padding-left: 2px;
padding-right: 2px;
margin-left: 10px;
border: 0px solid black; 
padding-bottom: 0px;
outline: none;
text-decoration: none;
}

.menu_horizontal a strong
{
color: rgb(235,201,7);
font-size: 17px;

}

.menu_horizontal a:hover strong
{
background-color: rgb(78,78,78);
color: yellow;


}


/* Le corps de la page */


#corps
{
   
   width: 723px;
   
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   color: black;
   background-color: white; 
   
   
}


#corps a
{
text-decoration: none;
color: rgb(9,14,204);
}

#corps a:hover
{
text-decoration: underline;
}

#corps hr
{
color: black;
text-align: center;
width: 320px;
margin-top: 35px;
margin-bottom: 35px;
}

h6
{
margin-left: 200px;
font-size: 16px;
}


.accueil img
{
border: none;
}

.accueil li
{
margin: 6px;
}



.accueil h4
{
font-size: 18px;
}


.accueil p
{
text-indent: 0px;
padding-left: 20px;
}

.inscription p
{
font-size: 20px;
}

.enumeration h4
{
padding-left: 40px;
color: black;
font-size: 21px;
}


.enumeration ul
{
list-style-type: none;

}

.accueil h3
{
text-align: center;
font-size: 22px;
}


.cadre-inscriptioni
{
border: none;
width: 350px;
height: 150px;
background-color: white;

}

.cadre-inscriptioni img
{
float: left;
}

.becon
{

margin-left: 75px;
}

.cadre-inscriptionii img
{
float: right;

}
.ecou
{
float: left;
margin-left: 185px;
}

.margo
{
margin-top: 55px;
}


#corps h1
{
font-size: 35px;
color: #060661;
padding-bottom: 10px;
padding-top: 30px;
}


.img-accueil 
{


}

.img-accueil img 
{
display: block;
float: left;
padding-left: 0px;
}

.img-accueil strong 
{
height: 166px;
display: block;
float: left;
border: solid rgb(20,68,15) 1px;
margin-left: 20px;
margin-bottom: 3px; 
margin-top: 3px;
margin-right: 20px;
background-color: rgb(238,255,254);
}


.img-accueil h3
{
margin-left: 290px;
padding-top: 13px;
padding-right: 10px;
margin-top: 8px;

font-size: 20px;
}





.img-accueil2 img 
{
display: block;
float: left;
padding-left: 0px;
}

.img-accueil2  
{
height: 166px;
width: 690px;
display: block;
float: left;
border: solid rgb(20,68,15) 1px;
margin-left: 20px;
margin-bottom: 3px; 
margin-top: 3px;
margin-right: 20px;
background-color: rgb(238,255,254);
}

.img-accueil2 h3
{
margin-left: 290px;
padding-top: 10px;
padding-right: 10px;
margin-top: 8px;

font-size: 21px;
}





.accueil2 h4
{
font-size: 19px;

}

.accueil2 h3
{
text-align: center;
font-size: 22px;
color: blue;
}



.puce-fleche1 strong
{
width: 40px;
display: block;
float: left;
margin-left: 5px;
margin-top: 0px;
}




.temoifin
{
width: 40px;
float: right;
margin-right: 140px;
}


.video
{
display: block;
float: align;
margin-left: 180px;
}


.puce-fleche8
{
display: block;
float: left;
margin-left: 35px;
}

.puce-fleche9
{
display: block;
float: right;
margin-right: 35px;
}

.cadre-inscription863
{
font-size: 16px;
text-align: right;
margin-right: 280px;
}




.cadre-inscription
{
border: 1px solid black;
width: 350px;
height: 150px;
background-color: rgb(255,255,204);
}

.cadre-inscription h4
{
margin-top: 15px;
font-size: 16px;
}

.cadre-inscription strong
{
font-size: 16px;

}

.cadre-inscription p
{
margin-bottom: 20px;

}

.confirmation-mail h2
{
font-size: 22px;
color: blue;
}



.produit
{
padding-left: 12px;
padding-right: 12px;
}


.rem1
{
font-size: 17px;
}

.rem2
{
font-size: 19px;
}




.tab-pres
{
margin-left: 90px;
}

.img-inscr img
{
border: 1px solid black;
}

.dollar
{
margin-top: 50px;
margin-left: 60px;
float: left;
}

.euro
{
margin-top: 50px;
margin-right: 60px;
float: right;
}

.important
{
color: rgb(0,6,85);
}



.avantage h3
{
margin-left: 90px;
font-size: 17px;
color: rgb(0,6,85);
}


.avantage1 li
{
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}

.avantage1 img
{
width: 165px;
height: 100px;
float: right;
margin-right: 90px;
}





.avantage2 img
{
float: right;
width: 180px;
height: 120px;
padding-left: 20px;
margin-right: 80px;
}


.avantage2 li
{
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}




.avantage3 img
{
float: right;
width: 190px;
height: 145px;
padding-left: 20px;
margin-right: 80px;
}

.avantage3 li
{
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}




.avantage4 img
{
float: right;
width: 180px;
height: 158px;
padding-left: 20px;
margin-right: 80px;
}


.avantage4 li
{
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}













.avantage5 img
{
float: right;
width: 190px;
height: 158px;
padding-left: 20px;
margin-right: 75px;
}

.avantage5 li
{
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}

.titleavg h2
{
color: rgb(140,0,3);
font-size: 20px;
}




.avantageb img
{
float: right;
height: 120px;
padding-left: 20px;
margin-right: 160px;
}


.avantageb li
{
list-style-image: url("http://www.web-potentiel.com/puces-images/puce1.png");
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}




.avantagec img
{
float: right;

padding-left: 20px;
margin-right: 125px;
}

.avantagec li
{
list-style-image: url("http://www.web-potentiel.com/puces-images/puce1.png");
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}




.avantaged img
{
float: right;

padding-left: 20px;
margin-right: 110px;
}


.avantaged li
{
list-style-image: url("http://www.web-potentiel.com/puces-images/puce1.png");
margin-left: 50px;
font-size: 17px;
font-size: 17px;
color: rgb(0,6,85);
}








.cadre-tem1
{
width: 600px;
margin-left: 40.5px;

border: 1.5px solid black;
background-color: #fffad9;
}

.cadre-tem1 img
{
padding-left: 15px;
padding-top: 60px;
float: left;
}

.cadre-tem1 h3
{
padding-top: 8px;
font-size: 21px;
padding-left: 200px;
color: #bf0c0c;
}

.cadre-tem1 h4
{
font-family: "Times new roman";
margin-left: 130px;
font-size: 15px;
margin-bottom: 0px;
}

.cadre-tem1 h6
{
margin-top: 8px;
margin-left: 130px;
font-size: 14px;
margin-bottom: 12px;
}


.cadre-tem2
{
width: 600px;
margin-left: 40.5px;

border: 1.5px solid black;
background-color: #fffad9;
}

.cadre-tem2 img
{
padding-left: 15px;
padding-top: 60px;
float: left;
}

.cadre-tem2 h3
{
padding-top: 8px;
font-size: 21px;
padding-left: 200px;
color: #bf0c0c;
}

.cadre-tem2 h4
{
font-family: "Times new roman";
margin-left: 130px;
font-size: 15px;
margin-bottom: 0px;
}

.cadre-tem2 h6
{
margin-top: 8px;
margin-left: 130px;
font-size: 14px;
margin-bottom: 12px;
}




.cadre-tem3
{
width: 600px;
margin-left: 40.5px;

border: 1.5px solid black;
background-color: #fffad9;
}

.cadre-tem3 img
{
padding-left: 15px;
padding-top: 5px;
float: left;
}

.cadre-tem3 h3
{
padding-top: 8px;
font-size: 21px;
padding-left: 200px;
color: #bf0c0c;
}

.cadre-tem3 h4
{
font-family: "Times new roman";
margin-left: 130px;
font-size: 15px;
margin-bottom: 0px;
}

.cadre-tem3 h6
{
margin-top: 8px;
margin-left: 130px;
font-size: 14px;
margin-bottom: 12px;
}










/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   clear: left;
   padding: 5px;
   margin-top: 0px;
   
   font-size: 14px;
   
   
   background-attachment: fixed;
   
   border-top: 1px solid rgb(60,60,60);
}

#pied_de_page1 p
{
text-align: center;
color: white;
}

#pied_de_page1 a
{
   color: white;
   text-decoration: none;
   outline: none;
}

#pied_de_page1 a:hover
{

   text-decoration: underline;
}

#pied_de_page2
{
color: black;
font-size: 2px;
}

#pied_de_page2 a
{
color: black;
}