body
{
 
width: 980px;

display: block;
margin: 0 auto;   
}




/*Cadre_global*/

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

#cadre-index
{
   
   display: block;
   
   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;
   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 : #f9f8f4;
   border-bottom: 1px solid #bccfe2;
   height: 130px;
}

.en_tete table
{  
   background-repeat: no-repeat;
   width: 100%;
   margin-top: 0px;
   padding-top: 0px;
   vertical-align : top;
}

.en_tete-logo
{
vertical-align : top;
width: 140px;
padding-top: 20px;
padding-left: 20px;
}

.en_tete-logo img
{
border: 0; 
display: block;
margin: 0 auto; 
}

.en_tete-pub
{
vertical-align : top;
width: 700px;
padding-top: 30px;
padding-left: 95px;
}

.en_tete-pub img
{
display: block;
margin: 0 auto; 
background-color: #fcfcf9;

}

.connex
{
vertical-align : top;
width: 252px;
float: right;
}




  
  
  




/* Le menu vertical */


#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: 145px;
   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-left: 5px;
   width: 145px;
   display: block;
   
   float: left;
   text-align: center;
   
   background: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
   
}

#menu-one3
{
   margin-top: 30px;
   margin-right: 5px;
   width: 145px;
   display: block;
   float: right;
   text-align: center;
   
   
   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;
   background-color: rgb(236,245,251);
   border: 1px solid rgb(46,79,118);
   
}




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

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


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


#menu-one3 hr
{
text-align: center;
width: 120px;
margin-top: 0.2px;
margin-bottom: 0.2px;
height: 0.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: rgb(236,245,251);

   margin-bottom: 0px;
   
}

.pub-colonne-gauche
{
display: block;
padding-left: 13px;
}


.element-menu3 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-menu3 strong
{
  font-size: 13px;
  padding-top: 0px; margin: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  } 

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

.element-menu3 img
{
      border: 0;
}





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

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



.element-menu3
{


   background: rgb(236,245,251);
   
   margin-bottom: 0px;
   
}








/* Le menu horizontal */



.menu_horizontal
{
width: 100%;

height: 15px;

text-decoration: none;
margin-top: 0px;
padding-top: 4px;
padding-bottom: 0px;
text-align: center;
}

.menu_horizontal22 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_horizontal22 a strong
{
color: rgb(235,201,7);
font-size: 17px;

}

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

}



.image-index img
{
width: 120px;
float: right;
}



/* Le corps de la page articles */


#art-pub
{
width: 130;

float: right;
}

.pubotitre
{
display: block;
margin-top: 10px;
}

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


#index h4
{

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

.index-titre-art
{
padding-left: 2px;
padding-top: 10px;
padding-bottom: 5px;
font-size: 17px;
color: rgb(145,0,43);
}

.liste1
{
margin-left: 235px;
}




.systeme_onglets
{
width: 500px;
margin: auto;
}

.ong-tit-art
{
display: block;
padding-top: 2px;
padding-left: 5px;
color: #4d4d50;
font-size: 14px;
}
	
.systeme_onglets ul
{
padding-left: 10px;
padding-right: 10px;
margin-top: 3px;
margin-bottom: 7px;
}
	
.systeme_onglets li
{
list-style-type:none; 
font-size: 13px;
}

.systeme_onglets img
{
border: 0px;
}
		
.systeme_onglets a
{
text-decoration: none;
color: #12125B;
outline: none;
}

.systeme_onglets a:hover
{
color: rgb(163,14,18);
}	
	
	
	
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid #90978c;
cursor:pointer;
}
		
		
.onglet_0
{
background: #e4e4e4;

}
        
.onglet_1
{
background: #f8fcf6;

padding-bottom:4px;
}
        
.contenu_onglet
{
background-color:#f8fcf6;
border:1px solid #90978c;
margin-top:-1px;
padding:5px;
display:none;
max-height: 340px;
overflow:auto;
}






#articles
{
   
   
width: 675px;
display: block;
   color: black;
   background-color: white; 
margin: auto;
   
}

#recherche
{
   margin-left: 135px;
   margin-right: 1px;
}

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

.sousart p
{
font-size: 12px;
width: 610px;
margin: auto;
}

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


.systeme_onglets
{
width: 500px;
margin: auto;
}

.ong-tit-art
{
display: block;
padding-top: 2px;
padding-left: 5px;
color: #4d4d50;
font-size: 14px;
}
	
.systeme_onglets ul
{
padding-left: 10px;
padding-right: 10px;
margin-top: 3px;
margin-bottom: 7px;
}
	
.systeme_onglets li
{
list-style-type:none; 
font-size: 13px;
}

.systeme_onglets img
{
border: 0px;
}
		
.systeme_onglets a
{
text-decoration: none;
color: #12125B;
outline: none;
}

.systeme_onglets a:hover
{
color: rgb(163,14,18);
}	
	
	
	
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid #90978c;
cursor:pointer;
}
		
		
.onglet_0
{
background: white;

}
        
.onglet_1
{
background: #ECF5FB;
border-bottom:0px solid #90978c;
padding-bottom:4px;
}
        
.contenu_onglet
{
background-color:#ECF5FB;
border:1px solid #90978c;
margin-top:-1px;
padding:5px;
display:none;
max-height: 340px;
overflow:auto;
}






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



.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;
   max-width: 325px;
   
}

.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 */
}

.tabart 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 */

}

.tabart 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 */
   
}

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

.tabart 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: 300px;
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);
   
   
}

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


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

.tab-art2 img
{
padding-top: 1px;

}

.espicv
{
padding-left: 4px;
display: inline;
}

.tab-vid table
{
border: 0;
margin: auto;
table-layout: fixed;

}


.tab-vid img
{
border: 1px solid black;
width: 120px;
height: 80px;
}

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

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

.tab-vid table td
{
vertical-align : top;
width: 120px;
font-size: 12px;
border: 0;
text-align: center;
border: 1px solid black;
padding: 0px;

}

.imgart img
{
width: 120px;
}

iframe
{
width: 100%;
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;
}

.lescom
{

max-width: 100%;

background-color: #fcf9f9;
padding-left: 3px;

margin-top: 30px;
margin-bottom: 30px;
margin-left: 25px;
margin-right: 25px;
padding-top: 3px;
padding-bottom: 3px;


}

.comperso
{
margin-top: 10px;
margin-bottom: 10px;
padding-right: 4px;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
border: 1px solid rgb(188,209,235);
overflow:auto;
}

.mescom
{
border: none;
margin: auto;

padding-top: 15px;
padding-bottom: 1px;


}

.mescom table caption
{
font-size: 15px;
background-color: #02004f;
color: white;
}

.mescom2
{
margin-left: auto;
margin-right: auto;
border: 1px solid black;
background-color: #f9f9f9;

font-size: 13px;
width: 400px;
padding-bottom: 1px;

}

.mescom2 table caption
{
font-size: 15px;
background-color: #02004f;
color: white;
margin-bottom: 15px;
}




.heurecom
{
font-size: 12px;
}

.tableau-art
{
margin-left: 20px;
margin-right: 20px;
}

.tableau-art img
{
width: 120px;
}

.resadsense
{
padding-left: 30px;
}






























/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  width: 180px;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #cedcea;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}