/*
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
{
 margin-top: 28px;
   background: url(degr2.png) repeat-x fixed top left;
   
   background-attachment: fixed;
width: 980px;
margin-left: auto;
margin-right: auto;   
}




/*Cadre_global*/

#cadre_global
{
   
   display: block;
   top: 15px;
   margin: 0 auto;
   
   background-color: white;
   border: 2.5px solid rgb(40,40,40);
   min-height: 1000px;
 
}

#cadre-index
{
   
   display: block;
   top: 15px;
   margin: 0 auto;
   
   background-color: white;
   border: 0.5px solid rgb(40,40,40);
   min-height: 1100px;
 
}

.trio
{
margin-top: 21px;
}


#cadre-one
{
   
   display: block;
   top: 15px;
   margin: 0 auto;
   
   background-color: white;
   border: 0.5px solid rgb(40,40,40);
   min-height: 1300px;
 
}


#cadre-one2
{
   
   display: block;
   top: 15px;
   margin: 0 auto;
   
   background-color: white;
   border: 0.5px solid rgb(40,40,40);
   min-height: 1000px;
 
}




/* L'en-tête */

#en_tete
{
   background-color : #bdbdbd;   
   background-repeat: no-repeat;
   width: 100%;
   height: 117px;
   border: 1px solid black;
}

#en_tete-logo img
{
border: 0; 
float: left;
padding-top: 10px;
padding-left: 24px;
}


#en_tete-pub img
{
float: right;
border: 0;
background-color: #bdbdbd;
padding-top: 15px;
padding-right: 60px;
}


/* Le menu */



#menu
{
   width: 11%;
   margin-left: 2%;
   margin-right: 2%;
   display: block;
   position: absolute;
   top: 255px;
   left: 0px;
   
   
   text-align: center;
   
}

.element_menu
{
   background: rgb(236,245,251);
   border: 1px solid black;
   margin-bottom: 3px;
   
}



/* Quelques effets sur les menus */


.element_menu h3
{  
   background-color: #02004f; 
   color: white;
   font-size: 80%;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin: 0;
   padding: 4px;
   padding-top: 4px;   
   padding-bottom: 3px;
   margin-bottom: 0px; 
}

 .element_menu strong
{
  font-size: 78%;
  padding-left: 7px;
} 

.element_menu ul
{
   
   padding: 0px;
   
   margin: 0px;
   margin-bottom: 0px;
   list-style-type: none;
   display: block;
   text-align: left;
}



.element_menu img
{
   
   border: 0;
}

.element_menu a
{
   
   font-size: 18px;
   color: black;
   text-decoration: none;
   margin-left: 0px;
   outline: none;
  
}

.element_menu a:hover
{
   
    
   color: rgb(163,14,18);
   display: block;
   
}




/* Le menu */



#menu-one
{
   width: 130px;
   margin-left: 5px;
   display: block;
   position: absolute;
   float: left;
   text-align: center;
   margin-top: 30px;
   background: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
}



#menu-one2
{
   margin-top: 30px;
   margin-right: 5px;
   width: 145px;
   display: block;
   float: right;
   text-align: center;
   clear: both;
   background-color: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
   
}

#menu-one3
{
   margin-top: 6px;
   margin-right: 5px;
   width: 145px;
   display: block;
   float: right;
   text-align: center;
   clear: both;
   
   background-color: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
   
}


#menu-one4
{
   margin-top: 6px;
   margin-right: 5px;
   width: 145px;
   display: block;
   float: right;
   text-align: center;
   clear: both;
   background-color: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
   
}




#menu-one2 li
{
  margin-left: 1px;
}


.element-menu img
{
border: 0;
}


.element-menu
{
   
   
   margin-bottom: 0px;
   
}



/* Quelques effets sur les menus */


.element-menu h3
{  
   background-color: rgb(46,79,118); 
   color: white;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin: 0;
   padding: 3px;
}

 .element-menu strong
{
  font-size: 14px;
  padding: 7px;
} 

.element-menu ul
{
   padding: 0px;
   
   margin: 0px;
   margin-bottom: 0px;
   list-style-type: none;
   display: block;
   text-align: left;
   
}

.element-menu2 img
{
   
   border: 0;
}

.element-menu a
{
   
   font-size: 18px;
   color: #0e0e37;
   text-decoration: none;
   
   outline: none;
  
}

.element-menu a:hover
{
   
   color: rgb(163,14,18);
   display: block;
   
}



.element-menu2 h3
{  
   background-color: rgb(46,79,118); 
   color: white;
   font-size: 13px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin: 0;
   padding: 3px;
}

 .element-menu2 strong
{
  font-size: 13px;
  padding-top: 0px; margin: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  } 

.element-menu2 ul
{
   padding: 0px;
   
   margin: 0px;
   margin-bottom: 0px;
   list-style-type: none;
   display: block;
   text-align: left;
   
}

.element-menu2 img
{
      border: 0;
}





.element-menu2 a
{
   
   
   color: #0e0e37;
   text-decoration: none;
   
   outline: none;
  
}

.element-menu2 a:hover
{
   
    
   color: rgb(163,14,18);
   display: block;
   
}



.element-menu2
{
   background: url(degr4.png) repeat-y fixed top left;
   
   margin-bottom: 0px;
   
}


#menu-one2 hr
{
text-align: center;
width: 120px;
margin-top: 0.2px;
margin-bottom: 0.2px;
height: 0.1px;
}




/* Le menu horizontal */



.menu_horizontal
{
width: 100%;
background-color : rgb(11,5,58);
height: 25px;
border: 1.5px solid black;
text-decoration: none;
margin-top: 0px;
padding-top: 4px;
padding-bottom: 0px;
text-align: center;
}

.menu_horizontal a
{
background-color: rgb(11,5,58);
padding-left: 15px;
padding-right: 15px;
margin-left: 20px;
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
{
text-decoration: none;
color: yellow;
outline: none;

}






/* Le corps de la page */


#corps
{
   
   
   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;
}



#corps h1
{
text-align: center;
font-size: 28px;
color: rgb(6,0,81);

padding-top: 5px;
}

#corps h2
{

font-size: 18px;
color: rgb(145,0,43);
padding-left: 25px;
padding-bottom: 15px;
padding-top: 30px;
}


#corps p
{
padding-left: 25px;
padding-right: 25px;
}

#corps h3
{
padding-left: 25px;
}


#corps li
{
margin-left: 15px;
padding-left: 3px;
padding-right: 40px;

}


/* Le corps de la page articles */


#art-pub
{
width: 130;

float: right;
}

.pubotitre
{
margin-top: 30px;
}

.pubotitre2
{
margin-top: 51px;
}


.duo
{
margin-top: 21px;
}



#index
{
   
   width: 700px;
   margin-left: 135px;
   margin-right: 135px;
      
}


.titre-index h1
{
text-align: center;
font-size: 20px;
color: rgb(6,0,81);
padding-top: 25px;
}


#index p
{
padding-top: 3px;
padding-left: 25px;
}

.accueil-annonce-site
{
margin-top: 15px;
margin-bottom: 15px;
font-size: 17px;
color: rgb(6,0,81);
}

#index ul
{
padding-left: 0px;
margin-left: 0px;
}

.liste1
{
margin-left: 235px;
}



#articles
{
   
   width: 700px;
   margin-left: 135px;
   margin-right: 135px;
   color: black;
   background-color: white; 
   
   
}


#articles a
{
text-decoration: none;
color: #12125B;
outline: none;
}

#articles a:hover
{
   color: rgb(163,14,18);
}

#articles hr
{
color: rgb(32,53,89);
text-align: center;
width: 670px;
margin-top: 15px;
margin-bottom: 15px;
}



#articles h1
{
text-align: center;
font-size: 17px;
color: rgb(6,0,81);

padding-top: 5px;
}

#articles h2
{

font-size: 16px;
color: rgb(145,0,43);
padding-left: 25px;
padding-top: 13px;
padding-bottom: 0px;
}


#articles h3
{
padding-top: 15px;
padding-left: 25px;
font-size: 16px;
}

#articles h4
{
padding-top: 10px;
padding-left: 25px;
font-size: 15px;
}

#articles p
{
margin-top: 0px;
margin-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}



#articles li
{
margin-left: 9px;

padding-right: 40px;
list-style-image : url(http://www.webpotentiel.com/puces-images/puce.gif);
}

#articles img
{
border: 0px;
}

.position
{
padding-top: 5px;
font-size: 12px;
}


.accueil-site
{
padding-top: 10px;

}

.accueil-site p
{
margin-left: 14%;

}

.accueil-question
{
margin-top: 10px;
margin-left: 5%;
}



.liste1 ul
{
list-style-image: url("http://www.webpotentiel.com/puces-images/puce1.png");
}

.liste2
{
margin-left: 27%;
}

.liste2 ul
{
list-style-image: url("http://www.webpotentiel.com/puces-images/puce1.png");
}





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


.pied_de_page
{
     
   position: relative;
   display: block;
   width: 100%;
   background-color: rgb(9,4,43);
   font-size: 14px;
   background-attachment: fixed;
   border-top: 2px solid black;
   border-bottom: 2px solid black;
}


.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;
}


.pub-artbas
{
margin-top: 10px;

}

.pub-themebas
{

margin-bottom: 30px;
}

.espace
{
padding-bottom: 20px;
}


.enumeration
{
padding-left:70px;
color: black;
font-size: 17px;

}

.enumeration strong
{
padding-left: 145px;
font-size: 18px;
}

.enumeration ul
{
list-style-image: url("http://www.webpotentiel.com/puces-images/puce1.png");
}

.enumeration li
{
padding-top: 12px;
margin-right: 50px;
}



.dossiers h1
{

   color: black;
   text-align: center;
   font-size: 28px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.dossiers h2
{
margin-top: 80px;
}


.dossiers h3
{
padding-left: 20px;
margin-top: 50px;
}

.dossiers h4
{
padding-left: 20px;
margin-top: 50px;
}

.dossiers p
{
margin-right: 15px;
}


.bloc-dossiers h1
{

   color: black;
   text-align: center;
   font-size: 28px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
   margin-bottom: 5px;
}

.bloc-dossiers h3
{

font-size: 17px;
text-align: center;
}

.bloc-dossiers strong
{
background-color: black;
border: 2px double rgb(44,30,168);
width: 210px;
height: 151px;
position: absolute;
color: white;
}

.bloc-dossiers img
{
margin-top: 6px;
}






.bloc-opportunites1 h1
{

   color: black;
   text-align: center;
   font-size: 28px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
   margin-bottom: 5px;
}


.bloc-opportunites1 strong
{

   color: black;
   text-align: center;
   font-size: 14px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;  
 
 
}


.bloc-opportunites1 a
{
text-decoration: none;
color: rgb(9,14,204);
cursor: pointer;
}



.tata strong
{
padding-top: 8px;
padding-bottom: 8px;
   display: block;
   border: 1.5px double black;
   color: white;
   text-align: center;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

   
   
   background-color: rgb(26,9,121);

}



.glob
{

margin-top: 50px;
width: 100%;
}

.bloc-opportunites2 strong
{

   padding-top: 8px;
   display: block;
   border: 1.5px double black;
   color: white;
   text-align: center;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   width: 250px;
   height: 182px;
   
   margin-left: 10%;
   margin-bottom: 80px;
   background-color: rgb(26,9,121);
   clear: both;
}


.bloc-opportunites3
{
clear: both;
}
.bloc-opportunites2 img
{
   
   width: 250px;
   height: 150px;
   padding-top: 14px;
   border: 0;
}


.bloc-opportunites2 a
{
text-decoration: none;
color: rgb(9,14,204);
cursor: pointer;
}




.bloc-opportunites3 strong
{

   padding-top: 8px;
   display: block;
   border: 1.5px double black;
   color: white;
   text-align: center;
   font-size: 15px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   width: 250px;
   height: 182px;
   
   
   margin-right: 10%;
   margin-bottom: 80px;
   background-color: rgb(26,9,121);
   
}


.bloc-opportunites3 img
{

   width: 250px;
   height: 150px;
   padding-top: 14px;
   border: 0;
}


.bloc-opportunites3 a
{
text-decoration: none;
color: rgb(9,14,204);
cursor: pointer;
}




.banniere-opportunite1 img

{
margin-left: 25%;
width: 50%;


}

.banniere-opportunite2 img

{
margin-left: 30%;
width: 35%;

}


.banniere-opportunite3 img

{

margin-left: 33%;
width: 31%;

}


.banniere-opportunite4 img

{

margin-left: 39%;
width: 22%;

}


.imageblock
{
display: block;
padding-right: 7px;
}

.imageblock strong
{
float: right;
text-align: center;
border: 1px solid black;
text-indent: 0px;
margin-left: 14px;
margin-bottom: 3px; 
margin-top: 3px;
margin-right: 25px;
}

.imageblock a
{
outline: none;
}

#contact_para p
{
text-indent: 0px;
margin-left: 20px;
}

.contact-opportunite
{
font-size: 11px;
}



.code-html
{
color: blue;
}

.code-css
{
max-width: 100%;
overflow:auto;
max-height: 700px;
font-size: 11px;
background-color: #fcf9f9;
padding-left: 3px;
font-size: 13px;
color: rgb(32,85,33);
margin-left: 25px;
margin-right: 25px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 7px;
border: 1px solid rgb(188,209,235);

}


.code-css td
{
padding-right: 12px;
}


.table-recherche table
{
width: 100%;
border-collapse: collapse;
margin-bottom: 5px;
}

.table-recherche tr
{

}

.table-recherche td
{
width: 50%;
text-align: center;
border: 0.5px solid black;
background-color: rgb(231,231,245);
}





   
   
.tab caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 17px;
   color: #13280f;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */

}

.tab table /* Le tableau en lui-même */
{
   
   border: 4px outset #13280f; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   min-width: 200px;
}

.tab th /* Les cellules d'en-tête */
{
   background-color: #13280f;
   color: white;
   font-size: 16px;
   padding-left: 10px;
   padding-right: 10px;
   
}

.tab td /* Les cellules normales */
{
   border: 1px solid black;   
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


.autres-art
{
margin: auto;
border-collapse: collapse;
}

.autres-art td 
{
   border: 1px solid black;
   padding: 5px;
}

.autres-art h3 
{
   font-size: 14px;
}


.bigtab td
{
vertical-align : top;
}




.tab-art table
{
min-width: 200px;
max-width: 600px;
border: 1px solid black;

border-collapse: collapse;
margin-left: auto;
margin-right: auto;

}


.tab-art img
{
border: 0;

}

.tab-art a
{
color: rgb(163,14,18);
}

.tab-art th
{
background-color: #02004f; 
color: white;
font-family: Arial, Times, "Times New Roman", serif;
font-size: 13px;
text-align: center;
padding-left: 5px;
}


.tab-art td
{
font-size: 13px;
background: rgb(236,245,251);
border: 1px solid black;
padding-left: 3px;
padding-right: 5px;
}

.tab-art2 table
{

width: 320px;
border: 1px solid black;

border-collapse: collapse;
margin-left: auto;
margin-right: auto;

}


.tab-art2 img
{
border: 0;

}

.tab-art2 a
{
   text-decoration: none;
   outline: none;
color: #12125B;
}

.tab-art2 a:hover
{
   
    
   color: rgb(163,14,18);
   display: block;
   
}

.tab-art2 th
{
background-color: #02004f; 
color: white;
font-family: Arial, Times, "Times New Roman", serif;
font-size: 15px;
text-align: center;
padding-left: 5px;
}


.tab-art2 td
{
font-size: 13px;
background: rgb(236,245,251);
border: 1px solid black;
padding-left: 2px;
}



iframe
{
width: 96%;
border: none;
}


.partageur
{
color: #1d294d;
font-size: 17px;
margin-bottom: 5px;
}


.addinto_sharebox
{
margin-bottom: 18px;
}


.addinto_sharebox  .social_buttons a {
                width: 32px;
                height: 32px;
        }
        .addinto_sharebox .social_buttons a img {
                opacity: 1.0;
                border:0 none;
        }
        .addinto_sharebox .social_buttons a:hover img {
                opacity: 0.70;
        }


.drap-flag
{
margin-top: 15px;
margin-bottom: 15px;
}
	
.drap-flag img
{
width: 25px;
height: 25px;
border: 0;
}