/* ------------------------------------------------------------- Structure*/
body {
	behavior:url("codefolder/hover2.htc");
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	color: #646464;
	background-color: #FFFFFF;
}
#container {
	position:relative;
	left:0;
	top:0;
	width:900px;
	height:600px;
	z-index:1;
	float: left;
	padding: 0px 0px 30px 0px;
}
#sidebar {
	position:absolute;
	top:30px;
	display: block;
	left: 35px;
	width:150px;
	text-align: right;
	color: #404040;
	z-index:2;
	height: auto;
}
#content {
	position:absolute;
	left:210px;
	top:102px;
	width:650px;

	z-index:2;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 30px 0px;
}
* html #content {
	top:101px;
}
.col_left {
	display:block;
	position:relative;
	float:left;
	clear:none;
	width:49%;
	clear: none;
}
.col_right {
	display:block;
	position:relative;
	float:right;
	clear:none;
	width:49%;
	clear: none;
}
.largeimg {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	float:left;
	clear:both;
}
.largeimg img {
	padding: 0 0 0 0;
	border: solid #646464 1px;
	float: left;
}
.thumb {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin: 10px 0px 10px 0px;
	/*background-color:#CCCCCC;*/
}
.thumb img{
	padding: 0 0 0 0;
	float: left;
	clear:none;
	margin: 0px 5px 5px 0px;
}
/* ------------------------------------------------------------- Sert à faire des thumbnails carrés sans se prendre la tête*/
.sqimg{
	border: solid #646464 1px;
	float: left;
	clear:none;
	margin: 0px 9px 9px 0px;
	padding: 0px;
	overflow:hidden;
	width:70px;
	height:70px;
	filter:alpha(opacity=55);
	opacity: 0.55;
	-moz-opacity:0.55;
	cursor:pointer;
	}
/* ------------------------------------------------------------- Zone équipe*/
/*Cartes d'identités*/
.carte {
position:relative;
display:block;
float:left;
clear:both;
width:303px;
height:auto;
padding: 5px;
margin: 5px 10px 5px 0px;
border: solid #646464 1px;
}
.carte h3 {
	margin:0px 0px 10px 0px;
	display:block;
	float:right;
	clear:both;
	width:100%;
	/*typo*/
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 16px;	
	font-weight: bold;
}
.carteid {
	position:relative;
	display:block;
	float:right;
	clear:none;
	overflow:hidden;
	width:80px;
	height:80px;
	margin: -25px 0px 0px 0px;
	border: solid #646464 1px;
}

.imgid {
	position:relative;
	display:block;
	float:right;
	clear:none;
	overflow:hidden;
	width:80px;
	height:80px;
	margin: -30px 0px 0px 0px;
	border: solid #646464 1px;
	
}
/*Presentation individuelle*/

/* ------------------------------------------------------------- Typo hiérarchisée*/

h1 {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	/*typo*/
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	vertical-align: middle;
}
h2 {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	margin: 0px 0px 16px 0px !important;
	margin: 0px 0px 18px 0px;
		
	padding: 0px 0px 0px 0px;
	/*typo*/
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	vertical-align: middle;
}

h3 {
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: middle;
	/* typo */
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	font-size: 16px;
	line-height: 18px;	
	font-weight: bold;
}
h4 {
	margin: 15px 0px 10px 0px;
	/*typo*/
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	vertical-align: super;
}
h5 {
	margin: 10px 0px 15px 0px;	
	/*typo*/
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: super;
}

h6 {
	margin: 15px 0px 10px 0px;	
	/*typo*/
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: super;
}
font {
line-height:125%;}
p {
	margin: 10px 0px 0px 0px;
	/* typo */
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 14px;
	font-size: 11px;
}
.col_left a, .col_right a {text-decoration: none; font-weight:bold;}
.col_left a:hover, .col_right a:hover { text-decoration:underline; font-weight:bold;}
.fm {
	display:block;
	width:100%;
	margin: 0px 0px 10px 0px;
	padding:0px;
	/* typo */
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: left;
	line-height: 14px;
	font-size: 11px;
}
.odd h6, .odd h5, .odd h4, .odd h3, .odd h2 {
	margin: 0px 0px 5px 0px;
	padding:0px;
	vertical-align: top;
}
.odd p {
	margin: 10px 0px 0px 0px;
	padding:0px;
	line-height:normal;
}
a {
	color : #404040;
	text-decoration:none;
}
a:hover {
	color : #404040;
	text-decoration:underline;
}
ul, ol {
margin: 20px 0px 15px 0px;
padding: 0px 0px 0px 20px;
}
* html ul, * html ol {
margin: 20px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
ul li {
	color : #404040;
	list-style-type: square;
	list-style-position: outside;
	padding: 0px;
	margin: 15px 0px 5px 0px;
}
* html ul,* html ol {
margin: 10px 0px 0px 25px;
}
ol li {
	padding:0px;
	list-style-position: outside;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
/* ------------------------------------------------------------- SideBar menu*/
.menu1 {
	position: relative;
	float:none;
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-transform: capitalize;
	cursor: pointer;
	margin: 5px 0px 0px 0px;
	display: block;
}
.menu2 a {
	color : #404040;
	text-decoration:none;
}
.menu2 {
	position: relative;
	float:none;
	clear: both;
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
	font-weight:bold;
	margin: 0px 5px 0px -5px;
	padding: 3px 0px 3px 0px;
	cursor: pointer;
}
.menu2:hover  {
	color: #FFFFFF;
	background-color: #646464;
	border-right: solid #646464 5px;
	margin: 0px 5px 0px -5px;
	padding: 3px 0px 3px 0px;
}
.menu3 {
	position: relative;
	float:right;
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	line-height: 11px;
	vertical-align: middle;
	color: #646464;
	float: right;
	cursor: pointer;
	margin: 2px 5px 2px 0px;
	padding: 1px 5px 1px 0px;
	border-right: solid #646464 1px;
	text-decoration:none;
}
.adresse, .adresse a {
	position: relative;
	float:right;
	clear: both;
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 14px;
	vertical-align: middle;
	color: #646464;
	float: right;
	cursor: pointer;
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 0px;
	text-decoration:none;
}
.adresse a:hover{
	text-decoration:underline;
}
/* ----------------------------------------- Mover Class, correspond au block qui sont animés */
.mover {
	position:relative;
	width:100%;
	float:none;
	clear:both;
	margin: 5px 0px 10px 0px;
	text-align:right;
}
.mover a {
	display:block;
	position:relative;
	float:right;
	clear:both;
	width:125px;
	font-size: 9px;
	line-height: 11px;
	font-weight: bold;
	vertical-align: middle;
	color: #646464;
	float: right;
	cursor: pointer;
	margin: 2px 5px 2px 0px;
	padding: 2px 5px 2px 0px;
	border-right: solid #646464 2px;
	text-decoration:none;	
}
.mover a:hover  {
	color: #ffffff;
	border-right: solid #ffffff 2px;
	background-color: #646464;
	text-decoration:none;
}
.mover .mover {
	margin: 5px 0px 0px 0px;
	text-decoration:none;
}
.mover .mover a {display:block;}

/* ---------------------------------------------------------  Mover Class, END*/
.spacy {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	display: block;
	/* Spacy permet d'éviter les problème de margin et de padding en cross browser! Sa hauteur est directement définie en inline style */
}
.logo {
	position: relative;
	display: block;
	width: 100%;
	height:105px;
	float: none;
	clear: both;
	
}
/* --------------------------------------------------- Contenu */

.extlink, .intlink {
	display:block;
	position:relative;
	clear:none;	
	width:49%;
	font-size: 10px;
	line-height: 12px;
	vertical-align: middle;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	}
.extlink {	
	float:left;
	text-align: left;	
}
.intlink {
	float:right;
	text-align: right;
}
.extlink a, .intlink a {
	font-size:12px;
	line-height: 16px;
	padding: 3px 5px 3px 5px;
	text-decoration:none;
}
.extlink a:hover, .intlink a:hover {
	color: #FFFFFF;
	background-color: #646464;
	padding: 3px 5px 3px 5px;
	text-decoration:none;
}
.odd {
	display:block;
	position:relative;
	float:left;
	clear:both;
	margin : 0px 0px 25px -6px;
	padding: 0px 5px 0px 5px;
	border-left: solid #646464 1px;
	width:100%;
}

* html .odd {
	margin : 0px 0px 25px 0px;
	padding: 0px 5px 0px 5px;
	border-left: solid #646464 1px;
	width:100%;
}

.pttimg {
	position: relative; 
	display:block;
	float: right; 
	clear: none;
	margin: 5px 0px 0px 30px; 
	right:0px;
	width:235px;
	height:150px;
	overflow:hidden;
}
* html .pttimg {
	position: relative; 
	float: right; 
	clear: none;
	margin: 0px 0px 10px 30px; 
	right:0px;
	overflow:hidden;
}
.large_img{
display:inline;
}
.hidder {display:block; position:absolute; float:left; clear:none; height:100%; width:100%;}