/* Ordre des styles :
- Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear 
		Il est suivi des caractéristiques qui y sont directement liées.
- Les marges et bordures => margin – padding – border 
		Elles permettent de placer l'élément au sein de la page.
- Les dimensions => width – height – min-width/max-width – min-height/max-height 
		Elles sont calculées à partir des valeurs de marges internes et de bordures.
- Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color 
		Elles découlent en partie des déclarations précédemment définies.
- L'arrière-plan => background 
		Placé en dernier, il n'influe sur aucun élément et permet de visualiser rapidement l'élément fautif en cas de problème de rendu.*/


/*-------------
	General 
-------------*/
html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#f2f2f2;  }
body {
	margin:0; 
	color:#000;
	padding:0;
	width:100%;
	font-family:Calibri,Verdana,sans-serif; 
	font-size:0.8em; 
	text-align:justify; 
	background-color:#66aadd;}
#general {
	background-color:#ffffff; 
	border: solid #83b6e8;
	border-width: 0px 0px 0px 0px;
	width:980px;
	height:100%;
	margin:0 auto;
	padding:0; }
img {
	border:1px solid #fff; }
a:link {
	color:#fff; }
a:visited {
	color:#c8c8c8;
	text-decoration:none; }
a:hover {
	color:#4aace1;
	text-decoration:none; }
a:active {
	color:#f98d2a;
	text-decoration:none; }
h2 {
	font-size:1em;
	margin:0 0 0.2em 1em; }
h2 a:link{
	color:#666; }
h3 {
	font-size:0.9em;
	margin:0.2em auto 0; }
.h3-blue {
	font-size:2em;
	text-align:center;
	color:#0000ff; }
.h4-blue {
	font-size:1.3em;
	margin:20px 0px 10px 5px ;
	color:#0000ff; }
.h4-violet {
	font-size:1.3em;
	margin:20px 0px 10px 5px ;
	color:#840167; }
label {
	margin-left:4em; }
input, select {
	width:15em;
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	margin-left:8em; }
textarea {
	display:block;
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	margin:0 auto; }
input:hover, textarea:hover, select:hover {
	color:#fefefe;
	background-color:#83b6e8;
	border:1px solid #d2e5f6; }
.validationcss {
	width:10em;
	display:block;
	margin:0 auto; }
.input_error, .select_error, .checkbox_error {
	background-color:#b80201; }
.clear {
	clear:both; }
p {
	margin:0 5px 0; }
table {
	margin-left:5px;
}

/*-------------
	Header 
-------------*/
#header {
	background: url(../images/new-bandeau-salsavoyages.png);
	height:265px;
	width:100%; }
.palmier {
	z-index:0;
	position: absolute;
	/*background: url(../images/palmier.jpg); */
	height:265px;
	width:281px; }
.header-logo {
	margin:0 auto;
	/*background: url(../images/logo.png); */
	height:103px;
	width:357px; }
.personnages {
	z-index:0;
	position: absolute;
	/*background: url(../images/personnages.jpg);*/
	margin:-103px 0 0 724px;
	height:265px;
	width:256px; }
#menu {	
	z-index:1;
	opacity:0.7;
	position: relative;
	border:solid #fff;
	border-width:1px 0 1px;
	background-color:#3472c7;
	height:1.5em; 
	width:100%; 
	top:142px;
	}
.sub-menu {
	margin:0 auto;
	height:1em;
	width:39em; }
.sub-menu-eng {
	margin:0 auto;
	height:1em;
	width:35em; }
#menu ul {
	font-size:1.2em;
	list-style:none; }
#menu li {
	float:left; }
.accueil {
	margin-top:-0.8em; }
.contact, .inscriptions, .galeries, .partenaires, .voyages, .langue {
	margin:-0.8em 0 0 0.5em; }
.center {
	text-align:center; 
	margin:0 auto; }


/*-------------
	Main 
-------------*/
.turquie h3, .cuba h3, .tunisie h3 {
	margin:0;
	text-align:center; }
.turquie object, .cuba object, .tunisie object {
	border:1px solid #000; }	
.tunisie {
	margin-left:10px;
	width:450px; }
.turquie {
	float:right;
	margin:-362px 10px 0 0;
	width:450px; }
.cuba {
	width:450px;
	margin:1em auto 0; }
.table-violet {
	border-collapse:collapse;
	margin:0 auto;
	background-color:#c35ead; }
.td-violet {
	padding:0.5em;
	border:1px solid #840167;
	text-align:center;
	font-weight:bold;
	color:#840167; }
.conteneur-voyage-1 {
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	height:290px;
	width:450px;
	margin-left:30px;
	text-align:center; }
.conteneur-voyage-2 {
	float:right;
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	height:290px;
	width:450px;
	margin:-292px 30px 0 0;
	text-align:center; }
.conteneur-voyage-3 {
	clear:both;
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	height:290px;
	width:450px;
	margin:15px 0 0 30px;
	text-align:center; }
/* Non utilisé actuellement
.conteneur-voyage-4 {
	float:right;
	background-color:#d2e5f6;
	border:1px solid #83b6e8;
	height:290px;
	width:450px;
	margin:-292px 30px 0 0;
	text-align:center; }*/


/*-------------
	Index
-------------*/
#conteneur-main-index {
	width:725px; /*modifié*/
	margin-left:10px; /*modifié*/
	float:left;}
.conteneur-presentation {
	margin:0;
	font-weight:bold;
	text-align:justify;
	padding:5px;
	border:solid #83b6e8;
	border-width:1px;/*modifié*/
	background-color:#d2e5f6; }
.signature {
	color:#3472c7;
	font-size:1em;
	margin-left:2em;}
#conteneur-liste-voyages {
	border:solid #83b6e8;
	border-width:1px 1px 0 1px;/*modifié*/
	margin:0 0 0 739px;/*modifié*/
	width:230px; }
#conteneur-liste-voyages p {
	margin:0.4em 0 0;
	padding:0 0.4em 0; }
	

/*-------------
	Google 
-------------*/
#adsense-content  {
	background-color:#66aadd;
	width:100%;
	padding-left:126px;
}