/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS de signatures

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
li {
	margin-left: 25px;
}
body {	
	text-align: center;
	background:#AEAFB2;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;
}
img{ behavior: url(mods/iepngfix.htc) } /* HACK PNG IE 6 */
input,textarea{
	position: relative;
	z-index: 1;
}
a {
	color:#FFF;
	text-decoration : underline;
	position: relative;
	z-index: 1;	
}
a:hover {
	color:#FFF;
	text-decoration : none;
}
p {
	padding-top:10px;}

#accueil {
	background:#AEAFB2 url(visuels/bg_home.jpg) top left repeat-y;
}
#accueil #conteneur {
	display:block;
	width: 290px;
	margin:250px auto 0 auto;
	font-size:1.2em;
}
#accueil #conteneur #tagline{
	color:#FFF;
	display:block;
	float:left;
	text-transform:uppercase;
	font-weight:normal;
	width:250px;
	padding:0 0 10px 43px;
	font-size:1.5em;
	text-align:justify;
}
#accueil #conteneur #tagline .size1{
	color:#FFF;
	display:block;
	clear:left;
	font-size:2.2em;
	line-height:0.8em;
	letter-spacing:1px;	
}
#accueil #conteneur #tagline .size2{
	color:#FFF;
	display:block;
	clear:left;	
	font-size:2.2em;
	line-height:0.9em;
	letter-spacing:2.6px;
}
#accueil #conteneur #tagline .size3{
	color:#FFF;
	display:block;
	float:left;	
	font-size:1.8em;
	line-height:0.9em;
	letter-spacing:2.9px;
}
#accueil #conteneur #tagline .size4{
	color:#FFF;
	display:block;
	float:left;	
	font-size:1.5em;
	line-height:1em;
	letter-spacing:1.8px;
}
#accueil #conteneur #tagline .size5{
	color:#FFF;
	display:block;
	float:left;
	text-transform:lowercase;
	padding:4px 5px 0 0;
	font-size:1.2em;
}
#accueil #conteneur #tagline .size6{
	color:#FFF;
	display:block;
	float:left;
	text-transform:lowercase;
	padding:4px 0 0 5px;
	font-size:1.2em;
}
#accueil #conteneur #logo{
	display:block;
	clear:left;
	width:290px;
	height:49px;
	padding:0 0 20px 0;
	text-indent:-9999px;
	background:url(visuels/logo_prochimir_accueil.gif) top left no-repeat;
}
#accueil #zone_langue{
	width:250px;
	padding:0 0 10px 43px;
	text-align:center;
}
#accueil #zone_langue a img{
	border:none;
}
#accueil #zone_langue a:hover img{
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


#interne #col_a h1{
	display:block;
	float:left;
	width:390px;

}
#interne #col_a h1 a{
	display:block;
	float:right;
	text-indent:-9999px;
	width:390px;
	height:56px;
	background:url(visuels/logo_prochimir.png) top left no-repeat!important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/logo_prochimir.png", sizingMethod="img");
	cursor:pointer;
	}
*+html #interne #col_a h1 a{
	background: none!important;
}	


#interne{
	background:#000;
	background:#343435 url(visuels/bg_interne.jpg) top left repeat-y;	
}
#interne #conteneur{
	display:block;
	margin:20px auto;
	padding:0;
	background:#9F9FA0 url(visuels/bg_interne_page.jpg) top left repeat-y;
	border:1px solid #FFF;

	width:980px;
	overflow:hidden;
}

/*** STYLES PAGE 0 *****/


#interne.page0 #haut{
	display:block;
	float:left;
	width:571px;
	padding:86px 0 0 409px;
	margin:0;
}
#interne.page0 #col_a{
	display:block;
	float:left;
	width:409px;
	padding:50px 0 50px 0;
}
#interne.page0 #col_b{
	display:block;
	float:left;
	width:571px;
}
#interne.page0 #col_b #zone_txt{
	display:block;
	margin:0 auto;
	width:300px;
	padding:40px 0 50px 0;
	text-align:justify;
	font-size:1.2em;
	line-height:1.4em;
}



/*** STYLES PAGE 1 *****/


#interne.page1 #haut{
	display:block;
	float:left;
	width:980px;
	padding:46px 0 0 30px;
}
#interne.page1 #haut #surtitre{
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	text-align:left;
}
#interne.page1 #haut #titre{
	color:#DE0003;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:6.2em;
	text-align:left;
	font-weight:bold;
	letter-spacing:4.4px;
	line-height:0.8em;
	display:block;
	padding:0 0 15px 0;
}
.fr #interne.page1 #haut #titre{
	font-size:4.7em;
	letter-spacing:2.6px;	
}
#interne.page1 #haut h2 span{
	color:#FFF;
}
#interne.page1 #col_a{
	display:block;
	float:left;
	width:409px;
	padding:125px 0 50px 0;
}
#interne.page1 #col_b{
	display:block;
	float:left;
	width:571px;
}
#interne.page1 #col_b #zone_txt{
	float:left;
	width:310px;
	padding:20px 0 50px 130px;
	text-align:justify;
	font-size:1.2em;
	line-height:1.4em;
}





/*** STYLES PAGE 3 *****/
#interne.page3 #col_a{
	display:block;
	float:left;
	width:410px;
	padding:155px 0 50px 0;
}

#interne.page3 #col_b{
	display:block;
	float:left;
	width:550px;
	overflow:hidden;
}
#interne.page3 #col_b #zone_txt{
	float:left;
	width:520px;
	padding:20px 0 50px 30px;
	text-align:left;
	font-size:1.2em;
	line-height:1.4em;

}
#interne.page3 #col_b #zone_txt a#telecharger{
	display:block;
	float:left;
	text-indent:-9999px;
	width:185px;
	height:25px;
	margin:15px 0 0 5px;
}
.uk #col_b #zone_txt a#telecharger{
	background:url(visuels/uk_btn_download.gif) top left no-repeat;
}
.uk #col_b #zone_txt a#telecharger:hover{
	background:url(visuels/uk_btn_download_over.gif) top left no-repeat;
}
.fr #col_b #zone_txt a#telecharger{
	background:url(visuels/fr_btn_download.gif) top left no-repeat;
}
.fr #col_b #zone_txt a#telecharger:hover{
	background:url(visuels/fr_btn_download_over.gif) top left no-repeat;
}

#interne.page3 #col_b #zone_anim1{
	display:block;
	float:left;
	width:470px;
	padding:10px;
	color:#000;	
	margin:20px 0 0 10px;
	background:url(visuels/fondblanc.png) top left repeat!important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/fondblanc.png", sizingMethod="scale");
	}
*+html #interne.page3 #col_b #zone_anim1{
	background: none!important;
}
#interne.page3 #col_b #zone_anim1 #anim1{
	display:block;
	float:left;
	width:200px;
	padding:0 10px 0 0;
	text-align:center;
}
#interne.page3 #col_b #zone_anim1 h3{
	display:block;
	float:left;
	width:250px;
	color:#FFF;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0 5px 0;
}
#interne.page3 #col_b #zone_anim1 ul{
	list-style:none;
	padding:0 0 5px 10px;
	display:block;
	width:250px;
	float:left;
	margin:0;
}

#interne.page3 #col_b #zone_anim1 li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	float:left;
	width:250px;
}

#interne.page3 #col_b #zone_anim2{
	display:block;
	float:left;
	width:470px;
	padding:10px;
	margin:20px 0 0 10px;
	color:#000;	
	background:url(visuels/fondblanc.png) top left repeat!important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/fondblanc.png", sizingMethod="scale");
	}
*+html #interne.page3 #col_b #zone_anim2{
	background: none!important;
}
#interne.page3 #col_b #zone_anim2 #anim2{
	display:block;
	float:left;
	width:200px;
	padding:0 10px 0 0;
	text-align:center;
}
#interne.page3 #col_b #zone_anim2 h3{
	display:block;
	float:left;
	width:250px;
	color:#FFF;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0 5px 0;
}
#interne.page3 #col_b #zone_anim2 ul{
	list-style:none;
	padding:0 0 5px 10px;
	display:block;
	width:250px;
	float:left;
	margin:0;
}
#interne.page3 #col_b #zone_anim2 li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	float:left;
	width:250px;
}


#interne.page3 #col_b #zone_anim3{
	display:block;
	float:left;
	width:470px;
	margin:20px 0 0 10px;
	padding:10px;
	color:#000;	
	background:url(visuels/fondblanc.png) top left repeat!important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/fondblanc.png", sizingMethod="scale");
	}
*+html #interne.page3 #col_b #zone_anim3{
	background: none!important;
}
#interne.page3 #col_b #zone_anim3 #anim3{
	display:block;
	float:left;
	width:200px;
	padding:0 10px 0 0;
	text-align:center;
}
#interne.page3 #col_b #zone_anim3 h3{
	display:block;
	float:left;
	width:250px;
	color:#FFF;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0 5px 0;
}
#interne.page3 #col_b #zone_anim3 ul{
	list-style:none;
	padding:0 0 5px 10px;
	display:block;
	width:250px;
	float:left;
	margin:0;
}
#interne.page3 #col_b #zone_anim3 li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	float:left;
	width:250px;
}

#logo_iso{
	display:block;
	float:right;
	margin:80px 15px 0 0;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);	
}

/*** STYLES PAGE 2 *****/
#interne.page2{
	background:#000;
	background:#343435 url(visuels/bg_interne.jpg) top left repeat-y;	
	
}
#interne.page2 #col_a h1{
	display:block;
	float:left;
	width:314px;

}
#interne.page2 #col_a h1 a{
	display:block;
	float:right;
	text-indent:-9999px;
	width:314px;
	height:56px;
	background:url(visuels/logo_prochimir2.png) top right no-repeat!important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/logo_prochimir2.png", sizingMethod="img");
	cursor:pointer;
	}
*+html #interne.page2 #col_a h1 a{
	background: none!important;
}

#interne.page2 #col_a{
	display:block;
	float:left;
	width:334px;
	height:633px;
	background:#DE0003;
	padding:50px 0 0 0;
}
#interne.page2 #col_b{
	display:block;
	float:left;
	width:570px;
}
#interne.page2 #carousel #zone1{
	background:url(visuels/zone_1.jpg) top left no-repeat;
}
#interne.page2 #carousel #zone2{
	background:url(visuels/zone_2.jpg) top left no-repeat;
}
#interne.page2 #carousel #zone3{
	background:url(visuels/zone_3.jpg) top left no-repeat;
}

#interne.page2 #carousel h2{
	display:block;
    width: 646px;
	padding:0 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#DE0003;
	font-size:10em;
	text-align:right;
	letter-spacing:20px;
} 

#interne.page2 #carousel #zone1 #zone_txt{
	width:510px;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:50px 0 0 0;
}
#interne.page2 #carousel #zone1 #zone_txt img{
	border:2px solid #FFF;
	float:left;
	margin:0 26px 100px 0;
}
#interne.page2 #carousel #zone1 #zone_txt h3{
	color:#FFF;
	font-size:2.4em;
	text-transform:uppercase;
	width:200px;
	line-height:1em;
	float:left;
	display:block;
	padding:40px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
#interne.page2 #carousel #zone1 #zone_txt p{
	float:left;
	display:block;
	font-size:1.2em;
	color:#000;
	width:270px;
}

#interne.page2 #carousel #zone2 #zone_txt{
	width:510px;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:60px 0 0 0;
}
#interne.page2 #carousel #zone2 #zone_txt h3{
	color:#FFF;
	font-size:2.4em;
	text-transform:uppercase;
	width:290px;
	line-height:1em;
	float:left;
	display:block;
	padding:40px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
#interne.page2 #carousel #zone3 #zone_txt img{
	border:2px solid #FFF;
	float:right;
	margin:0 0 0 0;
}
#interne.page2 #carousel #zone2 #zone_txt p{
	float:left;
	display:block;
	font-size:1.2em;
	color:#000;
	width:290px;
	text-align:left;	
}

#interne.page2 #carousel #zone3 #zone_txt{
	width:510px;
	display:block;
	margin:0 auto;
	text-align:left;
	padding:50px 0 0 0;
}
#interne.page2 #carousel #zone3 #zone_txt h3{
	color:#FFF;
	font-size:2.4em;
	text-transform:uppercase;
	width:240px;
	line-height:1em;
	float:left;
	display:block;
	padding:40px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#interne.page2 #carousel #zone3 #zone_txt p{
	float:left;
	display:block;
	font-size:1.2em;
	color:#000;
	width:300px;
	text-align:left;
}
#interne.page2 #col_a ul li.active a{
	background:url(visuels/fleche_active2.gif) top left no-repeat;
}
#interne.page2 #col_a ul li a{
	background:url(visuels/fleche.gif) center left no-repeat;
}


#interne.page2 #signature{
	display:block;
	float:left;
	color:#EDEDED;
	font-size:1.2em;
	text-align:right;
	width:324px;
	padding:320px 0 0 0;
	
}
#interne #signature a{
	color:#EDEDED;
	font-weight:normal;
	text-decoration:none;
}
#interne #signature a:hover{
	text-decoration:underline;
}



/*** MENU ***/

#interne #col_a ul{
	display:block;
	float:right;
	padding:20px 20px 0 0;
	text-align:right;
	width:260px;
}
#interne #col_a ul li{
	font-size:1.2em;
	color:#FFF;
	list-style:none;
	padding:4px 0;
	text-transform:uppercase;
	font-weight:bold;
}
#interne #col_a ul li.active{
	font-size:2.1em;
	line-height:1em;
	color:#FFF;
	list-style:none;
	padding:2px 0;
	text-transform:uppercase;
	font-weight:bold;
}
#interne #col_a ul li.active a{
	color:#000;
	text-decoration:none;
	background:url(visuels/fleche_active.gif) top left no-repeat;
	padding:0 0 0 25px;

}
#interne #col_a ul li a{
	color:#FFF;
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(visuels/fleche.gif) center left no-repeat;
	position:static;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
#interne #col_a ul li a:hover{
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	padding:0 0 0 18px;
}
#interne #col_a ul li.active a:hover{
	padding:0 0 0 25px;
}




#interne #signature{
	display:block;
	clear:left;
	color:#EDEDED;
	font-size:1.2em;
	text-align:right;
	width:360px;
	padding:20px 634px 35px 30px;
}
#interne #signature a{
	color:#EDEDED;
	font-weight:normal;
	text-decoration:none;
}
#interne #signature a:hover{
	text-decoration:underline;
}




/******** Formulaire contacts **************/


#contacts_form{
	width:420px;
	display:block;
	padding:50px 10px 10px 10px;
	margin:0 40px;
	font-size:1.2em;
}
#contacts_form #informations_contact{
	text-align:left;
	padding:0 0 30px 0;
}
#contacts_form span.separation{
	display:block;
	float:left;
	width:350px;
	margin:5px 10px 10px 10px;
	padding:10px;
}
#contacts_form .calage_centre{
	display:block;
	text-align:center;
}
#contacts_form .calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
	font-weight:bold;	
}
#contacts_form .calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
	font-weight:bold;		
}
#contacts_form .calage_gauche label{
	padding:0 15px 0 5px;
	font-weight:bold;
	
}
	
#contacts_form .asterisque {
	color: #fff;
}
#contacts_form h3{
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	margin:0px 0px 0px 10px;
	background:url(visuels/fleche_activesmall.gif) center left no-repeat;
	padding:2px 0 0 15px;
}	
#contacts_form a.lien_bouton {
	display:block;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 5px 10px;		
	color: #FFF;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	text-transform:uppercase;	
	text-decoration : none;
	letter-spacing: 1px;
}
#contacts_form a.lien_bouton:hover {
	color: #FF7014;		
	text-decoration : none;	
}
#contacts_form .contacts_input {
	border:none;
	padding:3px;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);	
}


/* GOOGLE MAP */
/* ---------------------------------------- */

#interne.carte{
}
#interne.carte #conteneur{
	background:none;
	border:none;
}
#retour_page{
	display:block;
	padding:10px 0;
	float:right;
	width:978px;
	text-align:left;}
/* Styles CARTE GOOGLE */
#EmplacementDeMacarte {
	width: 978px;
	height: 500px;
	display:block;
	float:left;
	border:1px solid #FFF;
}

.bulle {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 12px;
	padding:5px 0px 5px 10px;
	font-weight:bold;
}

.bulle h4{
	color:#DF070B;
	font-weight:bold;
	font-size:1.4em;

}
.bulle .adresse{
	color:#333;
	font-weight:normal;
}
.bulle .adresse .tel{
	color:#0099ff;
}


/*** STYLES PAGE 4 *****/


#interne.page4 #haut{
	display:block;
	float:left;
	width:571px;
	padding:86px 0 0 409px;
	margin:0;
}
#interne.page4 #col_a{
	display:block;
	float:left;
	width:409px;
	padding:50px 0 50px 0;
}
#interne.page4 #col_b{
	display:block;
	float:left;
	width:571px;
}
#interne.page4 #col_b h2{
	display:block;
	margin:0 auto;
	width:300px;
	padding:0px 0 0 0;
	text-align:justify;
	font-size:4.7em;
	line-height:1.4em;
	text-align:leftt;
}
#interne.page4 #col_b #zone_txt{
	display:block;
	margin:0 auto;
	width:300px;
	padding:10px 0 50px 0;
	text-align:justify;
	font-size:1.2em;
	line-height:1.4em;
}
#interne.page4 #col_b #zone_txt h3{
	font-size:1.6em;
	font-weight:normal;
}