#content{width: 64%; padding-right: 4%; /*border-right: 2px solid #bdbbbb;*/} 
#aside{width: 30%; padding-left: 1%;}
#content, #aside{float: left;}

	#content{font-family: 'Helvetica',Arial; font-size: 16px; margin-bottom: 40px; text-align: justify;}
	#content h1, #content h2, #content h3{text-align: left;}
	#content h1{display: block; width: 96%; background-color: #ee7f00; padding: 5px 2%; font-family: 'Rockwell',Arial; text-transform: uppercase; font-size: 34px; color: #fff; margin: 0 0 4% 0; line-height:30px; font-weight: normal;}
	
	#content h2{font-family: 'Rockwell',Arial; font-weight: bold; font-size: 35px; margin: 40px 0;}
	#content h3{color: #ee7f00; font-weight: bold;}
	#content p{line-height: 21px; margin: 5px 0;}
	#content ul{margin: 5px 0;}
		#content ul li{list-style-image : url('../images/puce.jpg');}
	#content p strong, #content p b{font-weight: bold; font-size: 17px;}
	#content p a, #content a.embed{color: #ee7f00;}
	#content div.gdocsviewer{width: 600px; margin: 20px auto 0 auto;}
	
	#content .wpcf7-mail-sent-ok { border: 0; color: #53a805; font-size: 15px; margin: 0; padding: 0;
	}
	#content .wpcf7-validation-errors { display: none;
	}
	#content #contactForm { width: 100%;
	}
		#content #contactForm td { font-family: 'Helvetica', Arial; color: #000000; font-size: 14px; vertical-align: top;
		}
		#content #contactForm .intituleForm { font-family: 'Rockwell', Arial; font-size: 35px; padding-bottom: 2%; font-weight: bold;
		}
		#content #contactForm .societeForm { padding-bottom: 3%;
		}
		#content #contactForm .civiliteForm { padding-bottom: 1%;
		}
		#content #contactForm .nomForm, #content #contactForm .pnomForm, #content #contactForm .objetForm, #content #contactForm .messageForm { padding-bottom: 2%;
		}
		#content #contactForm .nomForm, #content #contactForm .pnomForm { width: 40%; padding-right: 20px;
		}
		#content #contactForm .telemailForm { padding-bottom: 4%;
		}
			#content #contactForm .telemailForm table { width: 100%;
			}
				#content #contactForm .telemailForm table td.telForm { width: 57%;
				}
				#content #contactForm .telemailForm table td.mailForm { width: 40%; padding-right: 20px;
				}
			#content #contactForm #societe { width: 50%;
			}
			#content #contactForm #nom { width: 100%;
			}
			#content #contactForm #prenom { width: 100%;
			}
			#content #contactForm #telephone { width: 23%;
			}
			#content #contactForm #email { width: 100%;
			}
			#content #contactForm #monsieur { margin-left: 2%;
			}
			
			#content #contactForm input[type=text], #content #contactForm input[type=email], #content #contactForm input[type=tel] { padding: 3px 4px 3px 4px; background-color: #eae7e7; border-radius: 4px; border: 1px solid #bfcbc4; font-family: 'Helvetica', Arial; color: #000000; font-size: 14px;
			}
			#content #contactForm input[type=radio] { background-color: #eae7e7; border: 1px solid #bfcbc4;
			}
			#content #contactForm textarea { padding: 3px 4px 3px 4px; background-color: #eae7e7; border-radius: 4px; border: 1px solid #bfcbc4; font-family: 'Helvetica', Arial; color: #000000; width: 83%; font-size: 14px;
			}
			#content #contactForm .ui-multiselect { color: #6b6a6a;
			}
			#content #contactForm input[type=submit] { background-color: #E97F00; font-family: 'Bariol',Arial; color: #FFFFFF; padding: 1% 2%; text-decoration: none; cursor: pointer;
			}
	#content .wpcf7-validation-errors { border-color: #EE7F00;
	}
	#content .aLireAussi { font-weight: bold; margin-bottom: 15px;
	}
	#content .aLireRubrique { margin-bottom: 15px;
	}
		#content .aLireRubrique a { color: #EE7F00;
		}
	
	
	#aside{min-height: 500px;}
		#videosPage, #imagesPage{ min-height: 200px; width: 99%; padding-left: 1%;}
	
		div.search { border-bottom: 3px solid #d9d9d8; padding-bottom: 20px;
		}
		#aside .containerBorder { width: 97%; padding-left: 3%; border-left: 2px solid #bdbbbb; margin-top: 25px;
		}
		#aside a{ color: #ee7f00; text-decoration: none;			
		}
		#aside a:hover{text-decoration: underline;
		}
		#aside img{max-width: 100%; height: auto;}
			/* #aside page présentation NAJA */
			#aside div.contentAside{font-family: 'Helvetica', Arial; font-size:14px; padding-left: 15px; line-height: 20px; text-align: justify;
			}
			#aside div.contentAside div.wp-caption, #aside div.contentAside p { margin: 0 auto 40px auto; max-width: 100%;
			}
				#aside .contentAside img{margin: 0 auto; display:block; float:none; max-width: 100%; height: auto; max-height: auto;
				}
				#aside .contentAside img.alignleft { display: inherit; float: left; margin: 0 10px 0 0; }
				#aside .contentAside img.alignright { display: inherit; float: right; margin: 0 0 0 10px;}
				#aside .contentAside p.wp-caption-text{ font-size: 12px; line-height: 14px; margin: 15px auto 0 auto;
				}
			
			/* contact */
			#aside div.error{color: #FF0000; margin: 0 0 20px 0; text-align: center;
			}
			#aside div.validation{color: #53a805; margin: 0 0 20px 0; text-align: center;
			}
			#aside #intituleFormRappel, #aside #intituleCoordsNaja { font-family: 'Bariol', Arial; font-size: 25px;
			}
			#aside #intituleFormRappel { margin-bottom: 5px;
			}
			#aside #formRappel { position: relative;
			}
				#aside #formRappel img { width: 100%; height: auto;
				}
				#aside #formRappel .positionFormRappel { bottom: 6px; height: 30px; min-width: 150px; position: absolute; right: 0; width: 66%;
				}
					#aside #formRappel .positionFormRappel form { border: 0 none; font-weight: bold; top: 40px; width: 100%; overflow: hidden;
					}
					#aside #formRappel .positionFormRappel form table{ width: 100%;
					}
							#aside #formRappel .positionFormRappel form input {  margin: 0; width: 120px;
							padding:4px 4px 3px 4px; text-align:left; background-color: #eae7e7; border-radius: 4px; border: 1px solid #bfcbc4; font-family: 'Helvetica', Arial; color: #000; font-size: 14px;
							}
							#aside #formRappel .positionFormRappel form input#telRappel{ margin-right: 5px;
							}
							#aside #formRappel .positionFormRappel form input.error { border-color: red; color: red;
							}
							
						#aside #formRappel .positionFormRappel form #validRappel { cursor: pointer; border: 0; width: 30px; height: 30px; background: url(../images/fleche.png) no-repeat center #231300; background-size: 100% auto; text-indent: 9999px;
						}
			#aside #intituleCoordsNaja { margin-top: 45px;
			}
			#aside #coordsNaja { width: 100%; font-family: 'Helvetica', Arial;
			}
				#aside #coordsNaja iframe { display: block; margin: 0 auto;
				}
		
/* *********************************************************************** */
/* CSS CONTACT */
	
	.erreur, span.wpcf7-not-valid-tip{ color: #900; padding: 2px 5px; font-family: 'Bariol', Arial;
	}
	li.erreur { padding: 0;
	}
		#content #contactForm input[type=text].erreurChps, #content #contactForm select.erreurChps + button, #content #contactForm textarea.erreurChps { border: 1px solid #f16048;
		}
		.erreur span { /*background:url(../images/validation_advice_bg.gif) no-repeat center left; padding-left: 15px;*/ height: 18px; line-height: 18px; padding-top: 2px; font-size: 14px; display: block;
		}
		.erreur label { font-weight: normal;
		}
	
	.ok { border: 1px solid #53a805; background-color: #eff5ea; color: #3d6611; font-weight: bold; padding: 10px; margin-bottom: 1em;
	}
		.ok span { background:url(../images/i_msg-success.gif) no-repeat center left; padding-left: 20px; height: 18px; line-height: 18px; font-size: 12px;
		}

/* FIN CSS CONTACT */
/* *********************************************************************** */
/* vidéo sarah */
div#mask{background-color: #000; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 20; opacity: 0.75;}
	div#fermerVideo{position: absolute; top: 0; width: 100%;}
		div#fermerVideo div{width: 980px; margin: 0 auto; position: relative; height: 25px;}
			div#fermerVideo div a{position: absolute; top: 10px; right: 10px; color: #fff; z-index: 22; text-decoration: none; font-family: 'Bariol', Helvetica, sans-serif;}
			div#fermerVideo div a:hover{font-weight: bold;}
	div#videoSarah{text-align: center; position: absolute; top: 120px; z-index: 20; width: 100%; height: 400px;}
		#videoSarah div#video_sarah{background-color: #000; padding: 50px;}
		#videoSarah div#video_sarah, #videoSarah video{margin: 0 auto;
		}
		#videoSarah div.vjs-control-bar{width: 980px; margin: 0 auto;}
			#videoSarah div.vjs-control-bar div.vjs-fullscreen-control{display: none;}
		div#overlay{position: absolute; top: 50px; z-index: 21; width: 100%; height: 400px;}
			div#overlay div{width: 980px; height: 350px; margin: 0 auto; position: relative;}
				div#overlay div a {display: block; height: 46px; line-height: 46px; position: absolute; width: 142px; }
				a#FoD { bottom: 25px; right: 110px; }
				div#overlay div a#replay {bottom: -13px; font-size: 19px; height: 20px; left: 425px; line-height: 20px; text-decoration: none; }
				a#CiP { bottom: 25px; left: 132px; }