@charset "utf-8";
/* CSS Document */
/************* ELEMENTS GLOBALES (qui sont inchangés pour toutes les pages)************/
body, html{
	width:100%;
	height:100%;
	font-size:16px;
	color:#868686;
	margin:0px;
	background-color:#22477b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
h3, h4, h5{
	color:#999;
	font-weight:bold;
	display:inline;
	}
a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
A
{
    COLOR: #85b643;
    TEXT-DECORATION: none
}
.MenuMembre A
{
    COLOR: white;
}
a:hover{
	text-decoration:underline;
}/**/
.menu{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
.menu:hover{
	text-decoration:underline;
}
.greenLink{
	color:#0F0;
	
}
.greenLink:hover{
	color:#090;
	
}
.greenLink2{
	color:#85B643;
	font-size:16px;
	
}
.greenLink2:hover{
	color:#85B643;
	font-size:16px;
}
.blueLink{
	color:#09F;
	font-size:16px;
	
}
.blueLink:hover{
	color:#06F;
	font-size:16px;
}

.mini_menu{
	color:#390;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	
}
.mini_menu:hover{
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
}
.current{
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	
}
.image_holder1{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-right:20px;
	}
.image_holder1_B{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-left:20px;
	}
.image_holder2{
	width:604px;
	height:347px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
.title_holder{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:15px;
	}
#table_container{/*TABLE CONTANING THE HTML ELEMENTS*/
	width:951px;
	height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
#container{/*NECESSARY TO HOLD EVERYTHING IN THE TABLE CELL*/
	width:951px;
	height:100%;
	position:relative;
	
	}
#logoEtMenu_container{
	width:951px;
	height:398px;
	position:relative;
	background-image:url(../images/Accueil_Demo.jpg);
	background-repeat:no-repeat;
	}

#menu_top{
	width:750px;
	height:25px;
	margin-top:15px;
	padding-left:10px;
	position:relative;
	float:left;
	background-color:#22477b;
	}
#menu_top2{/*pour les pages interieurs.. pas de margintop*/
	width:755px;
	height:25px;
	margin-top:5px;/*32px*/
	margin-left:95px;
	position:relative;
	float:right;
	color:#fff;
	}

#menu_top3{/*pour naviguer entre les pages comment faire*/
	width:370px;
	height:40px;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:0px;
	}
.menu_inline{
	display:inline;
	list-style-type:none;
	padding:5px;
	
}
.btn_enter{
	width:35px;
	height:37px;
	background-color:#FFF;
	position:relative;
	float:right;
	margin:195px 13px 0px 0px;
	}
.btn_enter2{/*besoin pour thumb_2 et thumb_3*/
	width:35px;
	height:37px;
	background-color:#FFF;
	position:relative;
	float:right;
	margin:195px 8px 0px 0px;
	
	}
.thumbs_bottom1{/*SMALLER SIZE*/
	width:229px;
	height:240px;
	margin-left:7px;
	position:relative;
	float:left;
	background-color:#3066b0;
	}
#thumb_1{/*menu thumbs du bas*/
	width:231px;
	height:240px;
	margin-left:0px;
	position:relative;
	float:left;
	background-image:url(../images/ACC_BAN1.jpg);/**/
	background-repeat:no-repeat;
	}
#thumb_2{/*menu thumbs du bas*/
	width:229px;
	height:240px;
	margin-left:11px;
	position:relative;
	float:left;
	background-image:url(../images/ACC_BAN2.jpg);
	background-repeat:no-repeat;
	}
#thumb_3{/*menu thumbs du bas*/
	width:229px;
	height:240px;
	margin-left:11px;
	position:relative;
	float:left;
	background-image:url(../images/ACC_BAN3.jpg);
	background-repeat:no-repeat;
	}
#thumb_form{/**/
	width:229px;
	height:240px;
	margin-left:11px;
	position:relative;
	float:left;
	background-color:#3066b0;
	}

#formulaire{
	border:none 1px red;
	width:229px;
	height:180px;
	padding-left:0px;
	padding-top:60px;
	margin-bottom:20px;
	color:#fff;
	font-size:11px;
	background-image:url(../images/Connexion_BG.jpg);
	}
.classADefinir{
	width:35px;
	height:35px;
	position:relative;
	float:left;
	margin:15px 30px 0px 0px;
	
	}

/************* FIN ELEMENTS GLOBALES ****************************/
	
/*********** page d'accueil / Index page ************************/
#logo_acc{/* pas besoin pour l'instant remplacé par logoEtMenu_container*/
	width:191px;
	height:133px;
	position:relative;
	float:left;
	}
#ecran{
	width:240px;
	height:190px;
	position:relative;
	float:right;
	margin:-5px 78px 0 0;
	}
#banner_flash_deroulant{
	width:951px;
	height:80px;
	position:relative;
	float:left;
	margin:10px 0 10px 0;
	background-color:#000;/**/

	
	}
#containerFor_thumbs_bottom{
	width:951px;
	height:260px;
	position:relative;
	float:left;
	}
#loginCentering{
	width:auto;
	height:auto;
	margin-left:55px;
	
}
#loginCentering2{
	width:auto;
	height:auto;
	margin-left:50px;
	
}
#loginCentering3{
	width:auto;
	height:auto;
	margin-left:102px;
	margin-top:5px;
	margin-bottom:20px;
	
}

/***********FIN page d'accueil / Index page ************************/

/*********** page COMMENT FAIRE / HOW TO page **********************/
#int_imprimedia_banner{
	width:951px;
	height:106px;
	position:relative;
	float:left;
	background-image:url(../../images_communes/INT_IMPRIMEDIA_BANNER.jpg);
	background-repeat:no-repeat;
	}
#espace_menu{
	width:951px;
	height:28px;
	padding-top:5px;
	padding-left:10px;
	position:relative;
	float:left;
	background-image:url(../../images_communes/espace_menu.jpg);
	background-repeat:no-repeat;
	}
#container_interieur{
	width:951px;
	height:auto;
	position:relative;
	float:left;
	background-color:#fff;

	}
#container_interieur_roundend{
	width:951px;
	height:14px;
	position:relative;
	float:left;
	background-image:url(../../images_communes/container_interieur_roundend.jpg);
	background-repeat:no-repeat;
	}
.titre1{
	width:500px;
	height:auto;
	font-size:25px;
	font-weight:bold;
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:145px;
	}
.titre2{
	width:auto;
	height:auto;
	font-size:20px;
	color:#999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:145px;
	}
.titre3{
	width:auto;
	height:auto;
	font-size:25px;
	font-weight:bold;
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:0px;
	}
.titre4{
	width:auto;
	height:auto;
	font-size:16px;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:145px;
	}
.titre5{
	width:auto;
	height:auto;
	font-size:16px;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:0px;
	
	}
.bande_titre{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:0px;
	}
#comment_fonctionne_albo{
	width:668px;
	height:auto;
	position:relative;
	float:left;
	margin-left:145px;
	overflow:hidden;
	}
	



a.menu_top3:link{
	width:auto;
	height:auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	position:relative;
	float:left;
	color:#6C0;

	}
a.current:link{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	}


/*********** FIN page COMMENT FAIRE / HOW TO page **********************/
/*********** page PHOTOGRAPHIEZ / TAKE A PICTURE PAGE **********************/
.contenutexte{
	height:auto;
	width:668px;
	color:#868686;
	position:relative;
	float:left;
	padding-bottom:25px;
	
	}
.contenutexte2{
	height:auto;
	width:668px;
	float:left;
	color:#868686;
	position:relative;
	padding-bottom:25px;
	margin-left:145px;
	
	}

/*********** FIN page PHOTOGRAPHIEZ / TAKE A PICTURE PAGE **********************/
/*********** page CRÉER / CREATE PAGE **********************/
.textContainer1{
	width:395px;
	height:156px;
	position:relative;
	float:left;
	
	}
.textContainer2{
	width:395px;
	height:156px;
	position:relative;
	float:left;
	margin-top:17px;
	}
.textContainer3{
	width:395px;
	height:156px;
	position:relative;
	float:left;
	margin-top:18px;
	}
.textContainer4{
	width:395px;
	height:auto;
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:0px;
	}
.textContainer5{
	width:300px;
	height:auto;
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:15px;
	}


/*********** FIN page CRÉER / CREATE PAGE **********************/
/***********  page PRIX ERN LIGNE / ONLINE PRICE PAGE **********************/
.big_imageholder1{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-right:15px;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:10px;

	}
.big_imageholder1_B{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:20px;/**/

}
	
.big_imageholder1_C{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-right:35px;
	margin-left:0px;
	margin-top:325px;
	margin-bottom:0px;
}
.big_imageholder2{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-left:85px;
	margin-top:0px;
}
.big_imageholder3{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin-left:15px;
	margin-top:0px;
}
.pseudo_footer{
	position:relative;
	float:left;
	color:#868686;
	
}
.table_font_color{
	color:#868686;
	}

.position_div1{
	position:relative;
	float:right;
	width:auto;
	height:auto;
	margin-right:255px;
}
/*********** FIN page PRIX ERN LIGNE / ONLINE PRICE PAGE **********************/
/************ SECTION VOS COMMENTAIRES / YOUR COMMENTS SECTION ****************/

.titre_gras{
	width:auto;
	height:auto;
	font-size:28px;
	font-weight:bold;
	color:#666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	}
.text_temoin{
	width:691px;
	height:auto;
	position:relative;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding-left:25px;
	padding-right:25px;
	/*border-top:solid 1px #333;*/
	border-bottom:solid 1px #333;
}
#tabl_commentaires{
	width:691px;
	height:auto;
	position:relative;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding-left:25px;
	padding-right:25px;
	border:solid 1px #85B643;
	background-color:#F4F9EE;
}

/************ FIN SECTION VOS COMMENTAIRES / YOUR COMMENTS SECTION ****************/

/************ SECTION INSCRIPTION / SUBSCRIBE SECTION ****************/
#div_tab1{
	width:auto;
	height:auto;
	margin-left:15px;
	position:relative;
	float:left;

	}
#container_left{
	width:245px;
	height:600px;
	margin-left:15px;
	position:relative;
	float:left;

	}
#container_right{
	width:580px;
	height:600px;
	margin-left:15px;
	position:relative;
	float:left;
}
.font_blanc{
	color:#FFF;
	font-size:12px;
}
.font_rouge{
	color:#F00;
	font-size:16px;
	font-weight:bold;
}
.font_bold{
	font-weight:bold;	
}

/************ FIN SECTION INSCRIPTION / END SUBSCRIBE SECTION ****************/
/************** POUR PAGE Explication_NXView.html ***************************/
.colone1{
	height:auto;
	width:500px;
	position:relative;
	float:left;
	margin-left:15px;
}

.colone2{
	height:auto;
	width:350px;
	position:relative;
	float:left;
	margin-left:15px;
}
.colone3{
	height:auto;
	width:400px;
	position:relative;
	float:left;
	margin-left:15px;
	margin-top:20px;
}

