/*__________////    CSS 3-Column template + gallery image// 29.11.2007 // v2.0 (Vivane Dimitri)    ////__________*/





/* INITIATE CSS */

*{
	margin:0; 
	padding:0; 
}

/* END INITIATE CSS */







/* GENERAL CSS */

html, body {
	margin:0; 
	padding:0; 
	background-color: #fff;
	color: #000000;
	scrolling:auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:12px;
}

a:link{color:#000000;text-decoration:underline;font-weight:bold;}
a:hover{background-color:#003399;color:#FFFFFF;text-decoration:none; font-weight:bold; width:100%;}
a:visited{color:#000000;text-decoration:underline;font-weight:bold;}
a:active{color:#000000;text-decoration:underline;font-weight:bold;}




#title {
	border:0px;
	font-family: sans-serif;
	font-size: 105%;
	color: #003399;
	font-weight:bold;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 20px;
}

#Column_content{
	padding-left:10px;
	padding-right:5px;
	color:#000000;
}

hr{
	color:#131313;
}



/* END GENERAL CSS */







/* CONTAINER - SITE POSITIONING */

#container{
	background: #fff;
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-top:0px;
}

/* END CONTAINER - SITE POSITIONING */







/* FIX THE FIREFOX / EXPLORER BUG >> CENTERING OF THE CONTENT WITHIN THE CONTAINER */

#bugFixer {
	margin-left: 0px;
}

/* END FIX */






/* HEADER  VARIABLE HEIGHT */

#header {
	margin-right:10px;
	margin-left:10px;
	position: relative;
	margin-top: 10px;
	text-align: center;
	color: #000000;
	font-family: arial;
	padding:0px;
/*	background-color: #0033CC;*/
}

#header_txt{
	text-align: left;
	width:100%;
/*	background:#003399;*/
	background:url(common/images/menu_bg1.jpg) top left repeat-x #003399;
	color:#fff;
	vertical-align:middle;
	text-indent:10px;
}

#header_service{
	float:left;
	font-size:100%;
	padding-top:5px;
	padding-bottom:20px;
}
/*changer visibility dès qu'on pourra le faire dans les deux langues et avoir un disclaimer.*/
#header_language{
	visibility:hidden;
	text-align:right;
	float:right;
	font-size:100%;
	padding-top:5px;
	padding-bottom:20px;
}

#header_language a{color:#fff;text-decoration:none;font-weight:bold;}
#header_language a:hover{color:#fff;text-decoration:underline; font-weight:bold;}

#header_title{
	clear:both;
	font-size:250%;
	padding-bottom:5px;
}

#header_subtitle{
	font-size:140%;
	padding-bottom:5px;
}

#header_logo{
	text-align: right;
	width:100%;
	background:#fff;
	margin-right:0px;
	margin-left:0px;
	height:60px;
}

#header_logo img{
	margin-right:0px;
}


#header_footer{
	width:100%;
	background:#f50035;
	color:#fff;
	height:10px;
}

/* END HEADER */










/* MAIN MENU */


#menu {
	margin: 0px 10px 0px 10px;
	background:url(common/images/menu_bg.jpg) top left repeat-x #e3e5e6;
	font-family: sans-serif;
	border:1px solid #cccccc;
	color:#b8babd;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:25px;
}

#menu ul{
	padding:5px 10px 5px 10px;
	text-align:center;
}

#menu li{
	display:inline;
	vertical-align:middle;
	text-align:center;
	color:#b8babd;
	font-weight:bold;
}

#menu li a{
	padding:0px 10px 0px 10px;
	color:#003399;
	font-weight:bold;
}

#menu li a:link{text-decoration:underline;font-weight:bold;}
#menu li a:hover{color:#fff;background-color:#003399;text-decoration:none; font-weight:bold;}


/* END MAIN MENU */










/* LEFT COLUMN */


#left {
	position: absolute;
	left:0px;
	/* browsers non IE */
	top:198px !important;
	/* IE 7 */
	top:206px !important!;
	width:200px;
	margin: 2px 0px 0 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #fff;
	font-size:12px;
	/* IE 6 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	top:209px;
	
}



#left1 {
	background-color: #f6f6f6;
	text-align:left;
	border: 1px solid #e3e5e6;
	padding-bottom: 5px;
}


/* UNCOMMENT IF ANOTHER LEFT CONTENTBOX IS NEEDED (CHANGE INDEX TOO!)*/
#left2{
	background-color: #f6f6f6;
	text-align:left;
	border: 1px solid #e3e5e6;
	padding-bottom:5px;
	margin-top: 5px;
}
#left2 #title 
{
	border:0px;
	font-family: sans-serif;
	font-size: 105%;
	color: #003399;
	font-weight:bold;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 20px;
	text-align:center;
}

#left2 #Column_content{
	padding-left:10px;
	padding-right:5px;
	color:#000000;
	text-align:center;
}



#left ul{
	list-type: square;
	padding-left:10px;
}


/* END LEFT COLUMN */









/* RIGHT COLUMN */


#right {
	position: absolute;
	right:10px;
	/* browsers non IE */
	top:195px !important;
	/* IE 7 */
	top:203px !important!;
	width:200px;
	margin-top: 5px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	/* IE 6 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	top:206px;
}

#right1{
	height:150px;
	background-color: #f6f6f6;
	text-align:left;
	border: 1px solid #e3e5e6;
}

#right2{
	height:250px;
	background-color: #f6f6f6;
	margin:4px 0px 0px 0px;
	text-align:left;
	border: 1px solid #e3e5e6;
}

#right ul{
	list-type: square;
	padding-left:10px;
}
/* END RIGHT COLUMN */







/* MAIN CENTER COLUMN */


#maincontent {
	background:#fff;
	margin-top:7px;
	margin-bottom:10px;
	margin-left: 214px;
	margin-right:214px;
	border:1px solid #e3e5e6;
	/* IE 6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top:7px;
	margin-left: 214px;
	margin-right:214px;
	font-size:12px;
	text-align:left;
}
/* all NON IE browsers */
html>body #centercontent {
	margin-left: 214px;
	margin-right:214px;
}

/* MAIN CENTER COLUMN TXT */
#mainText {
	margin-left: 20px;
	color: #000;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	font-family: arial;
	font-size: 12px;
}

#mainText ul {
	list-type: square;
	padding-left: 10px;
}

#leftAlign {
	/*IE*/
	margin-left: 300px!important!;
	/*no IE*/
	margin-left: 300px!important;	
}

/* END MAIN CENTER COLUMN */

/* Gallerie Photos */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
font-family: verdana, arial, sans-serif; 
width:625px;
margin:0 auto; 
position:relative;
z-index:1;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
float:left; 
}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:124px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#0033BB; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a{
	color:#fff;
	background-color: #003399;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
width:464px;
height:365px;
border:20px solid #003399;
background:#eee; 
color:#000;
position:relative;
padding:40px 60px;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li:hover ul li a img {
width:100px; height:75px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#eee;
border:1px solid #888;
margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover {
position:relative;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu2 ul li:hover li a:hover img {
width:200px; height:150px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
}





/*__________////   END CSS 3-Column template  + galery photo  ////__________*/