/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

/************************************************************************************
STYLE GENERAL
*************************************************************************************/
body {
	font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1em;
	line-height: 150%;
}
*::selection {
	background:#669999;
	color:#ffffff;
}

*::-moz-selection {
	background:#669999;
	color:#ffffff;
}

*::-webkit-selection {
	background:#669999;
	color:#ffffff;
}
*::-khtml-selection {
	background:#669999;
	color:#ffffff;
}

*::ô-selection {
	background:#669999;
	color:#ffffff;
}

/************************************************************************************
FONT
*************************************************************************************/
@font-face {
    font-family: 'GnuolaneRgRegular';
    src: url('gnuolane_rg-webfont.eot');
}


/************************************************************************************
PAGE
*************************************************************************************/
#wrapAll {
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 5px;
	float: none;
	padding-right: 5px;
}




/************************************************************************************
HEADER
*************************************************************************************/
.wrapNav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#NavFixe {
	position: fixed;
	top: 0px;
	width: 982px;
	z-index: 10;
}
.header {
	position: relative;
	height: 173px;
	z-index: 5;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	float: left;
	background-color: rgba(255,255,255,.9);
}
.lettre {
	background-image: url(../img/lettre.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	height: 12px;
	width: 39px;
	left: 120px;
	position: absolute;
	top: 87px;
}
.lettre:hover {
	background-image: url(../img/lettre.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 38px;
	width: 39px;
	left: 120px;
	position: absolute;
	top: 87px;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.logo {
	height: 110px;
	width: 250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index: 5;
}
.logo a {
	text-decoration: none;
	color: transparent;
	outline: none;
}
.logo a:hover {
    -webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-transform: rotate(-5deg) scale(1.05);
	-webkit-transform: rotate(-5deg) scale(1.05);
	-ms-transform: rotate(-5deg) scale(1.05);
	-o-transform: rotate(-5deg) scale(1.05);
	transform: rotate(-5deg) scale(1.05);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transition: -moz-transform .6s linear;
	-webkit-transition: -webkit-transform .6s linear;
	-ms-transition: -ms-transform .6s linear;
	-o-transition: -o-transform .6s linear;
	transition: transform .6s linear;
}
.banniere {
	z-index: -1;
	top: 20px;
	position: absolute;
}





/************************************************************************************
NAVIGATION
*************************************************************************************/
.wrapMenu {
	float: left;
	width: 982px;
	border-bottom: 1px solid #CCC;
	z-index: 50;
}
#nav-div {
	width: 100%;
}
#nav {
	padding: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	position: relative;
	margin-bottom: -1px;
}
#nav li {
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}
#nav a:link {
	line-height: 100%;
	color: #ccc;
	display: block;
	text-decoration: none;
	padding: 14px 15px;
}
#nav a:hover {
	color: #666;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	border-bottom: 2px solid #000;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
}
#nav li.current a:link {
	color: #666;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	border-bottom: 2px solid #000;
	padding: 14px 15px 12px 15px;
	margin-bottom: -1px;
}
#nav li.current a:focus, #nav li.current a:active, #nav li.current a:visited, #nav a:focus, #nav a:active, #nav a:visited {
    outline:none;
}




/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	width: 982px;
	z-index: -2;
}
.TITRE {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.titreContent {
	font-size: 22pt;
}
.DEUXcolA {
	float: left;
	height: auto;
	width: 440px;
	padding-left: 20px;
}
.DEUXcolB {
	float: right;
	height: auto;
	width: 440px;
	padding-left: 20px;
}
.UNEcol {
	float: left;
	width: 982px;
	margin-top: 30px;
}
.titreTab {
	font-family: 'GnuolaneRgRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}
.contentTab {
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:         url(linear-gradient(top, #FFF 0%, #F5F5F5 100%));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F5F5F5', GradientType=0);
	box-shadow: 0px 4px 5px #999999;
	line-height: 20px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

.contentTab2 {
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:         url(linear-gradient(top, #FFF 0%, #F5F5F5 100%));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F5F5F5', GradientType=0);
	box-shadow: 0px 4px 5px #999999;
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
.TROIScolA {
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:         url(linear-gradient(top, #FFF 0%, #F5F5F5 100%));


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F5F5F5', GradientType=0);
	box-shadow: 0px 4px 5px #999999;
	float: left;
	width: 300px;
	margin-right: 10px;
	height: 340px;
	padding: 10px;
	margin-top: 0px;
}
.TROIScolB {
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:         url(linear-gradient(top, #FFF 0%, #F5F5F5 100%));

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F5F5F5', GradientType=0);
	box-shadow: 0px 4px 5px #999999;
	float: left;
	width: 300px;
	margin-right: 10px;
	height: 340px;
	padding: 10px;
	margin-top: 0px;
}
.TROIScolC {
	background-image: -webkit-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #F5F5F5 100%);
	background-image:         url(linear-gradient(top, #FFF 0%, #F5F5F5 100%));

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F5F5F5', GradientType=0);
	box-shadow: 0px 4px 5px #999999;
	float: left;
	width: 300px;
	height: 340px;
	padding: 10px;
	margin-top: 0px;
}







/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }