/*****************ELEMENTS BODY********************/
body { 
width: 1024px;
height:768px;
background-image:url(images_poptatoes/elements/fond_page_test6.jpg);
background-repeat:no-repeat;
margin:auto;
}

#global {
	width:100%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

#entete{
width :100%;
margin-top:30px;
height:280px;
/*background-image:url(images_poptatoes/logos/logo2_H230.png);*/
background-position:center;
background-repeat:no-repeat;
}

#entete img{
margin: auto;
}

#liens_reseaux{
width:250px;
float: right;
margin-top:50px;
text-align: center;
/*background-image:url(images_poptatoes/decors/retrouvez_nous2.png);
background-repeat:no-repeat;
background-position:top;
*/
}

#liens_reseaux a img{
border: none;
}

#logo_entete{
width: 250px;
height: 230px;
margin:auto;
margin-top:5px;
}

#logo_entete a img{
border: none;
}

/****************************CENTRE / CENTRE BIS**********************************/

#centre {
margin-top: 30px;
}
#centre-bis {
	width: 99.9%;
	overflow: hidden;
}


/****************menus droite et gauche************************/


#menu_gauche{
width:225px;
height:500px;
float:left;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_gauche.gif);
background-repeat:no-repeat;
background-position:right;
}
#menu_gauche img{
border: none;
margin:auto;
margin-top: 8px;
}

#menu_droite{
width:260px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fondMenuDroite.png);
background-repeat:no-repeat;
background-position:left;
}

#menu_droite2{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite2.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite3{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite3.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite4{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite4.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite5{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite5.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite6{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite6.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite7{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite7.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite8{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite8.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite9{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite9.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite10{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite10.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite11{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite11.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

#menu_droite12{
width:300px;
height:500px;
float:right;
text-align:center;
background-image:url(images_poptatoes/elements/fond_menu_droite12.png);
background-repeat:no-repeat;
background-position:left;
/*margin-left:2%;*/
}

/**********************menu droit éléments******************************/

#laureat {
margin-top:5px;
width:260px;
height: 120px;
text-align: center;
}

#calculette {
margin-top:15px;
width:260px;
height:160px;
text-align: center;
} 

#calculette a img{
border: none;
margin-top: 30px;
}
 
#cadre_bas_droite{
width:260px;
height: 160px;
text-align:center;
margin-top:30px;
border: none;
}


/********************************PRINCIPALE - ZONE CENTRE***************************************/
#principal{
height:500px;
width: 537.5px;
background-color:#FFFFFF;
overflow: auto;
/*border-radius: 0 40px 40px 0;
height: 500px;
float: right;
background-color:#FFFFFF;
background-color:#E9B516;*/
margin-right: 20%;
overflow: auto;
}

/*********************************************/
#zone_texte{
width: 520px;
height:420px;
overflow: auto;
margin-top: 10px;
}

#zone_texte p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding: 10px;
}

#zone_texte h1{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration: underline;
text-align:center;
}

#zone_texte h2{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration: underline;
text-align:left;
}

#zone_texte h3{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:center;
}

#zone_texte h4{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:center;
text-decoration: underline;
}


#zone_texte a{
font-size: 12px;
font-weight:bold;
color:#FF6600;
text-decoration: none;
}

#zone_texte a:hover{
font-size: 12px;
font-weight:bold;
color:#660066;
}

.zone_texte_gras_centre p{
font-weight:bold;
text-align:center;
}

.zone_texte_gras{
font-weight:bold;
}

.zone_texte_gras_underline{
font-weight:bold;
text-decoration:underline;
}

.zone_texte_centre{
text-align: center;
}

.zone_texte_11px{
font-size: 11px;
}

#zone_texte_qualite{
width: 300px;
height:400px;
overflow: auto;
margin-top: 10px;
}

#zone_texte_qualite p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding: 10px;
}

#zone_texte_qualite h1{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration: underline;
text-align:center;
}

#zone_texte_qualite h2{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration: underline;
text-align:left;
}

#zone_texte_qualite h3{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:center;
}

#zone_texte_qualite h4{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:center;
text-decoration: underline;
}


#zone_texte_qualite a{
font-size: 12px;
font-weight:bold;
color:#FF6600;
text-decoration: none;
}

#zone_texte_qualite a:hover{
font-size: 12px;
font-weight:bold;
color:#660066;
}

/***********ZONE TEXTE2*************/
#zone_texte2{
width: 99%;
height:80%;
overflow: auto;
}

#zone_texte2 p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#zone_texte2 h4{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-align:center;
text-decoration: underline;
}

#zone_texte2 a{
font-size: 12px;
font-weight:bold;
color:#660066;
text-decoration: none;
}

#zone_texte2 a:hover{
font-size: 12px;
font-weight:bold;
color:#FF6600;
text-decoration:underline;
}

/******************Contact******************/
#zone_contact{
width:490px;
height:400px;
overflow: auto;
margin-top: 20px;
margin-left: 25px;
border: 1px ridge grey;
border-right:none;
}

#miniatures_contact{
width: 100%;
margin:auto;
text-align:center;
}

#zone_contact p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#zone_contact h1{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align: center;
color:#660066;
}


#zone_contact_retour{
width:450px;
margin-top:80px;
margin-left: 25px;
border: 1px ridge grey;
}

#zone_contact_retour p{
/*color:#FF3300;*/
font-size:12px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

#reponse_contact {
width: 70%;
height: 15%;
margin-left: 20%;
margin-top: 40%;
padding-bottom: 15px;
border: 1px ridge grey;
}
/******************** footer *****************/
#pied_de_page{
width :60%;
height:40px;
margin-top: 10px;
margin-left:11.5%;
}

#pied_de_page a{
color:#FFFFCC;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#pied_de_page a:hover{
color:#FF6600;
}


#pied_de_page p{
color:#FFFFFF;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

/******************************ZONES IMAGES (CARTE et QUALITE)**********************************/
#zone_image_droite{
Width: 200px;
float: right;
/*border: 1px ridge #660066;*/
margin: 10px;
}

#zone_image_droite2{
Width: 100px;
height: 390px;
float: right;
margin-top: 10px;
text-align:center;
}

#zone_image_droite2 img{
}


#zone_image_gauche2{
Width: 220px;
height:155px;
float: left;
border:3px solid #660066;
margin-left: 15px;
margin-right:30px;
}

#zone_image_formules{
Width: 400px;
height:400px;
margin:auto;
}

#zone_image_gauche3{
Width:92px;
height:375px;
float: left;
margin-left: 15px;
margin-right:5px;
margin-top: 30px;
}


/******************************VIDEO INDEX*********************************************/
#zone_video{
width: 
}


/**********************titres pages***********************************/
#titre_pages{
width: 350px;
height: 45px;
margin: auto;
padding: none;
margin-top: 5px;
text-align:center;
}

#titre_pages img{
margin:auto;
text-align: center;
}

#titre_pages P{
text-align:center;
font-size: 22px;
font-family:verdana, arial;
color:#660066;
}
/********************************CARACTERES***********************************/
.gras{
font-weight:bold;
}

.lettre_rouge{
color:#FF0000;
}

.lettre_bleue{
color:#0000FF;
}

.lettre_orange{
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
}

.lettre_orange_gras{
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


.lettre_aubergine{
color:#660066;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.lettre_aubergine_gras{
color:#660066;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.lettre_rouge{
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


.lettre_orange_titre{
color:#FF0000;
font:16px Verdana, Arial, Helvetica, sans-serif;
}

/*********************************LISTES***********************************/
li {
 font-family: Arial, sans-serif;
 list-style-image:url(images_poptatoes/boutons/puce1.png);
} 

/***************************TABLEAUX***********************************/
table{
margin: auto;
}

td { 
 border-width:1px;
 border-style:solid; 
 border-color:#FF6633;
 padding: 1px;
 }
 
 img{ 
padding-top:4px;
}
 
 th { 
 border:none;
 }
 
.large1{
width: 100px;
}

.large2{
width: 65px;
}

.small1{ 
text-align:center;
font-size: 11px;
font-family:arial, verdana;
font-weight:bold;
color:#6600CC;
}

.small2{ 
text-align:center;
font-size: 11px;
font-family:arial, verdana;
font-weight:bold;
color:#000099;
}

.small3{ 
text-align:center;
font-size: 11px;
font-family:arial, verdana;
font-weight:bold;
color:#FF0066;
}

.small4{ 
text-align:center;
font-size: 10px;
font-family:verdana, arial;
color:#666666;
margin: auto;
}

/***************************VIDEO*****************************/

/* the overlayed element */
div#voverlay {
	
	/* growing background image */
	background-image:url(engine/images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:640px;
	height:480px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:50px 21px 21px 21px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
	background-image:url(engine/images/close.png);
	position:absolute;
	right:18px;
	top:17px;
	cursor:pointer;
	height:23px;
	width:23px;
}

div#vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(engine/images/loading.gif) no-repeat 50% 50%;
}

#videogallery {
	width:160px;
	height: 123px;
	zoom:1;
	float: right;
	margin-left:20px;
}
#videogallery span{ display:block; }
#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
		display:inline;
	position:relative;
	vertical-align:top;
	margin:2px;
	width:160px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery a:hover{
	opacity:1;
}

#videogallery2 {
	width:160px;
	height: 123px;
	zoom:1;
	margin:auto;
	text-align:center;
}
#videogallery2 span{ display:block; }
#videogallery2 a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
		display:inline;
	position:relative;
	vertical-align:top;
	margin:2px;
	width:160px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#videogallery2 a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery2 a:hover{
	opacity:1;
}