@import url(typo.css);
@import url(skin.css);
@import url(menu1.css);
@import url(menu2.css);

/*===| I. LAYOUT SIZE |====================================================*/

#container, #container1, #footer, #header {width: 798px;}
#header {height:297px;}
#left-column {width: 217px;}
#right-column {width: 572px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 84px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -84px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {height: 100%; width: 100%;}
body {text-align: center;}
/*ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}*/

p{	padding: 0 0px;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}

#container1 {
	margin:0 auto;
	text-align: left;}


#header {
/*	text-indent: -9999em;*/}
#left-column{
	float:left;
	margin: 0px 0 0 0;}
#right-column{
	float:left;
	margin:0px 0 0 0px;}

#right-content{
	padding-left:16px;
	padding-right:12px;
	padding-top:25px;
	}
  #right-content a:link, #right-content a:visited{
    font-family: Tahoma;
    font-size: 12px;
    font-weight:normal;
    text-decoration: underline !important;
    color:#3289CB !important;
  }
   #right-content a:hover{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color:#95CFFB !important;
    text-decoration:none !important;

  }

#actualite {height: 166px;}
#contact-info {
	height: 110px;
	padding-top:73px;
	padding-left:25px;
	}
  #contact-info p{
    line-height: 12px;
  }


.coordonnes-adress{
	padding-left:67px;
	padding-top:3px;
	}
#partenaires {height: 43px;}
#promo {
    height: 280px;
    margin-top:-1px;
    padding-top:0px;
}

#footer {
	margin: 0 auto;
	padding-top: 0px;}

.copyright{
	padding: 10px 20px 0;
	text-align: right;
  }
.digitalage{
			padding-left:13px;
      padding-left:10px;
      padding-top:5px;
			float:left;

			}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/
  .left{
  		float: left;
  		padding-right:12px;
      }
  .left1{
  		float: left;
  		padding-right:12px;
      padding-top: 5px;
      }
	.right{
		float: right;
		padding-bottom:11px;
		}
  	.right1{
		float: right;
		padding-bottom:11px;
    padding-left: 10px;
		}
.thumb{
	display: block;
	margin:0px 0px;}

.thumb img{
	border-style:solid;
	border-width: 0px;
	border-color: inherit;
	padding: 0px;
	margin: 0}

.paragraph{
	clear: both;
	display: table;
	}
.paragraph1{
	clear: both;
	display: table;
  width:545px;
	}
/*=============| index |===================*/
ul.list{
	 padding:0px 29px;
	 list-style:none;
	 float:left;
	 width:368px;
		 	}
		ul.list li{
			color:#1466A5;
			font:normal 12px Tahoma;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:10px;
			line-height:16px;
			}
ul.list1{
	 padding:0px 20px;
	 list-style:none;
	 float:left;
	 width:360px;
		 	}
		ul.list1 li{
			color:#1466A5;
			font:normal 12px Tahoma;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:10px;
			line-height:16px;
			}
ul.list2{
	 padding:0px 20px;
	 list-style:none;
	 float:left;
	 width:350px;
		 	}
		ul.list2 li{
			color:#1466A5;
			font:normal 12px Tahoma;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list1.jpg) no-repeat left 6px;
			padding-left:10px;
			line-height:16px;
			}
ul.list3{
	 padding:0px 29px;
	 list-style:none;
	 float:left;
	 width:300px;
		 	}
		ul.list3 li{
			color:#1466A5;
			font:normal 12px Tahoma;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:10px;
			line-height:16px;
			}
ul.list4{
	 padding-left:30px;
   padding-top:40px;
	 list-style:none;
	 float:left;
	 width:340px;
		 	}
		ul.list4 li{
			color:#1466A5;
			font:normal 12px Tahoma;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:10px;
			line-height:16px;
			}
.description{
	background-color:#E8F0F7;
	float:left;
	width:533px;
	padding-left:3px;
	padding-right:10px;
	padding-bottom:4px;
	padding-top:4px;
	margin-bottom:18px;
	}
.description1{
	background-color:#E8F0F7;
	float:left;
	width:533px;
	padding-left:3px;
	padding-right:10px;
	padding-bottom:4px;
	padding-top:4px;
	margin-bottom:24px;
	text-align:center;
	margin:7px auto;
	}
	.description1 p {
		text-align:center;}

.description2{
	background-color:#E8F0F7;
	float:left;
	width:526px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	padding-top:4px;
	margin-bottom:24px;
	text-align:left;
	margin:7px auto;
	}
	.description2 p {
		text-align:left;
    font-weight: bold;}
.text-description{
	padding-top:10px;
	}
#text-index{
	padding-top:20px;
	padding-right:18px;
	}
#contact-info #coordonnes{
	padding-left:30px;
	padding-top:7px;
  color:#95CFFB !important;
}
  #contact-info #coordonnes a:link, #contact-info #coordonnes a:visited{
    font-family: Tahoma;
    font-size: 11px;
    font-weight:normal;
    text-decoration: underline !important;
    color:#95CFFB !important;
  }
   #contact-info #coordonnes a:hover{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color:#ffffff !important;
    text-decoration:none !important;

  }
.box{
  border:solid 1px #E8F0F7;
  padding:5px;
  display: table;
}




/* ===| IV. NAVIGATION |===============================================*/
#menu2{
  padding-top: 12px;
}

#menu2 ul li{
  display: inline;}
  #menu2 ul li a:link,a:visited{
     font-family: Tahoma;
     font-size: 11px;
     font-weight: normal;
     color:#1466A5 !important;
     text-decoration:none;
  }
  #menu2 ul li a:link,a:hover{
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color:#FF0000;
    text-decoration:none;
  }


/* ---| THE END |------------------------- */