/*** CSS Iomedia -  11.01.2010  ***/
/*** Creation par Virginie Fasano begin_of_the_skype_highlighting     end_of_the_skype_highlighting begin_of_the_skype_highlighting     end_of_the_skype_highlighting begin_of_the_skype_highlighting     end_of_the_skype_highlighting - www.2vcreation.com ***/


/* Default  */

html{
	width:100%;
	height:100%;
	}
	
body{
	margin:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#122c45;	
	width:100%;
	height:100%;
	}
	

.left{
	float:left;
	margin-right:15px;}
	
.right{
	float:right;
	margin-left:15px;}

	



/*****************************************************/
/*******     Principaux DIVS & colonnes   **********/
/*****************************************************/


#container{
	width:100%;
}

/*****************************************************/
/*******         CONTENUS :: Entete        ***********/
/*****************************************************/

#entete{
	height:238px;
	width:100%;
	margin-bottom:4px;
	background-color:#000;
	}	
	
#logo{
	left:37px;
	position:absolute;}
	
#lang{
	position:absolute;
	margin-left:10px;
	margin-top:10px;
	color:#FFF;}
	
#lang a{
	color:#666;
	font-size:9px;
	text-decoration:none;
	
	}
	
#lang .selected, #lang a:hover {
color:#FFF;
text-decoration:none;
}
	
/*****************************************************/
/*******       MENU PRINCIPAL      ***********/
/*****************************************************/

#menu{
	height:34px;
	background-color:#30333a;
	margin-bottom:4px;}
	
#menu #slogan{
	width:245px;
	height:29px;
	padding-top:5px;
	padding-right:4px;
	border-right:5px solid #FFF;
	float:left;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-align:right;
	background-image:url(/multimedia/images/img_structures/bg_slogan.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	}

#menu a:link, #menu a:active, #menu a:visited{
	display:block;
	width:80px;
	height:30px;
	float:left;
	padding-left:7px;
	padding-top:4px;
	border-right:5px solid #FFF;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	background-color:#132b43;
	font-family: "GillSans Light", Arial, Helvetica, sans-serif;
text-decoration:none;
	}
	
#menu a:hover, #menu a.selected{
	background-color:#b4000d;}

/*****************************************************/
/*******         COLONNES ::  Home    ***********/
/*****************************************************/

#home{
	padding-top:20px;
	padding-left:35px;
	width:855px;
	font-size:10px;
	height:453px;
	line-height:13px;
	}
	
#home #colG{
	width:350px;
	float:left;

	}

#home #colGFT{
	width:220px;
	float:left;

	}
	
#home #colD{
	width:266px;
	float:right;
	}
	 
#home #colG #iphone{
	width:570px;
	height:353px;
	position:absolute;
	left:0;
	top:455px;
	}
	
#home img{
	border:1px solid #dadada;}
	
#home .date{
	display:block;
	font-weight:bold;
	background-image:url(/multimedia/images/img_structures/date.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:7px;
	margin-left:93px;
	margin-bottom:7px;
}
	

	

/*****************************************************/
/*******       CONTENUS :: Int      ***********/
/*****************************************************/
	
#int{
	width:855px;
	padding-left:35px;
	line-height:13px;
	background-image:url(/multimedia/images/img_structures/fdssnav.gif);
	background-repeat:repeat-y;
	background-position:left top;
	}	

#colInt{
	float:right;
	width:610px;
	margin-top:22px;
	padding-bottom:30px;
	color:#000000;
	line-height:13px;}
	
#colIntNewsDet{
	float:right;
	width:610px;
	margin-top:22px;
	/*padding-bottom:30px;*/
	color:#000000;
	line-height:13px;}

/*****************************************************/
/*******         CONTENUS :: PP        ***********/
/*****************************************************/


#footer{
	padding-top:20px;
	width:890px;
	}
	
#footer #lig1{
	background-color:#2f3239;
	height:15px;
	margin-bottom:5px;
	color:#FFF;
	text-transform:uppercase;
	text-align:right;
	padding-top:1px;
	padding-right:5px;
	font-size:10px;
	font-family: "GillSans Light", Arial, Helvetica, sans-serif;
}

	
#footer #lig2{
	background-color:#132b43;
	height:100px;
	padding-left:33px;
	color:#afafaf;
	padding-top:22px;
	font-size:9px;
	line-height:14px;
	}
	
#footer #lig2.home{
	background-image:url(/multimedia/images/img_structures/fond_foot.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
}

#footer #lig1 a:link,#footer #lig1 a:active,#footer #lig1 a:visited{
	margin-left:5px;
	margin-right:5px;
	}
	
#footer #lig2 div{
	float:left;
	border-right:1px solid #3b4e61;
}

#footer #lig2 #footcol1{	width:200px; border:none;}
#footer #lig2 #footcol2{	width:160px; margin-right:30px;}
#footer #lig2 #footcol3{	width:120px; margin-right:30px;}
#footer #lig2 #footcol4{	width:150px; margin-right:25px;}
#footer #lig2 #footcol5{	width:120px; border:none;}

#footer strong, #footer b{
	color:#FFF;
	font-size:11px;
}

/*****************************************************/
/*******         CONTENUS :: Txt        ***********/
/*****************************************************/

li{
	list-style-image:url(/multimedia/images/img_structures/puce.gif);
	line-height:15px;
}



/*****************************************************/
/*******         CONTENUS :: Titre         ***********/
/*****************************************************/
	
h1{
		
		font-family: "GillSans Light", Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
		margin:0px;
		line-height:20px;
		color:#30333a;
		text-transform:uppercase;
		}
		
	
h1.big{
	font-size:25px;
	}
	
h2{
		font-family: "GillSans Light", Arial, Helvetica, sans-serif;
		font-size:15px;
		text-transform:uppercase;
		margin:0;
		border-bottom:1px solid #dadada;
		padding-bottom:4px;
		margin-bottom:10px;
}
		

		

#footer h3{
		font-family: "GillSans Light", Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:14px;
		text-transform:uppercase;
		margin:0;
		margin-bottom:7px;
		}		


/*****************************************************/
/*******         CONTENUS :: Images        ***********/
/*****************************************************/

img{
	
	margin:0px;
	border:0;}

		
.nobord, #home .nobord{
	border:none;
	}	
/*****************************************************/
/*******         CONTENUS :: Liens         ***********/
/*****************************************************/	

a:link, a:active, a:visited{
	color:#000;
	}
	
a:hover{
	color:#b40000;}
	
#footer a:link, #footer a:visited, #footer a:active{
	color:#afafaf;
	text-decoration:none;
	}


#footer #lig2 a:hover{
	color:#FFF;
	}

/*-----------------*/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/************* Permet de gérer les ESPACEMENTS **************/
/****************** remplace Line Height ********************/

/**** .cufon-vml pour IE,  .cufon pour FF *****/

.cufon-vml, .cufon { 
        margin: 0px 0 3px 0;
		} 

#menu #slogan .cufon-vml, #menu #slogan .cufon {
	margin: 0;
	}

h1 .cufon-vml, h1 .cufon{
	margin: 0 0 7px 0;}
	
#footer .cufon-vml, #footer .cufon {
	margin-top:2px;
	}


/**********--------------------------------------------********************/
/**********-------------------- SOUS MENU ----------------********************/
/**********--------------------------------------------********************/


#ssnav{
	width:192px;
	padding:10px;
	padding-top:25px;
	float:left;}
	
#ssnav a{
	display:block;
	background-color:#30333a;
	color:#FFF;
	height:18px;
	line-height:18px;
	margin-left:4px;
	margin-bottom:6px;
	text-indent:5px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	}
	
	
#ssnav a:hover, #ssnav a.selected{
	background-color:#b40000;
	}
	
#ssnav .ssnav2{
	margin-bottom:10px;
	}
	
#ssnav .ssnav2 a:link, #ssnav .ssnav2 a:active, #ssnav .ssnav2 a:visited{
	display:block;
	background:none;
	color:#132b43;
	height:15px;
	line-height:15px;
	margin-bottom:2px;
	text-indent:20px;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	}
	
#ssnav .ssnav2 a:hover, #ssnav .ssnav2 a.selected{
	font-weight:bold;
	}
	
/* contact formulaire */
.cadreForm {
      width:520px;
      padding-top:5px;
}
.cadreFormLeft {
      width:180px;
      float:left;
	  padding-top:5px;
}
.cadreFormRight {
      width:330px;
      float:left;padding-top:5px;
}