/* CSS Document */
@font-face {
    font-family: 'TradeGothicRegular';
    src: url('fonts/tradegot-webfont.eot');
    src: url('fonts/tradegot-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tradegot-webfont.woff') format('woff'),
         url('fonts/tradegot-webfont.ttf') format('truetype'),
         url('fonts/tradegot-webfont.svg#TradeGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Conv_Calibre-Medium';
	src: url('fonts/Calibre-Medium.eot');
	src: local('☺'), url('fonts/Calibre-Medium.woff') format('woff'), url('fonts/Calibre-Medium.ttf') format('truetype'), url('fonts/Calibre-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	padding:0;
	margin:0;
	font-size:0.98em;
	line-height:110%;
}
body {
	font-family: 'TradeGothicRegular',Arial,sans-serif;
	/*font-family: 'Conv_Calibre-Medium',Arial,sans-serif;*/
	font-size:0.9em;
	color: #333;
	/*background-color: white;
	background-image:url('../images/fond.png');
	background-repeat:repeat-x;
	background-position:0 25px;*/
}
a { text-decoration: none; border-bottom:none; }
a:hover { text-decoration:none; border-bottom: 1px dotted;}
img { border-bottom: none;}


#container {
/*	position:absolute;
	left:-490px;
	top:0px;
	margin-left:50%;
	margin-right:50%;
	text-align:left;
	width:980px;
	background-color:#fff;*/
	top:0px;
	margin:0 auto;
	text-align:left;
	width:980px;
	background-color:#fff;	
}
#header{
	float:left;	
	text-align:center;
	width:980px;
	background-color:#fff;
}
#accesadherent {
	position:absolute;
	left:850px;
	top:20px;
}
#accesadherent a:hover {
	border:none;
}
#formulaireNewsletter {
	position:absolute;
	left:742px;
	top:232px;
	font-size:90%;
	/*text-transform:uppercase;*/
	margin:5px;
	margin-right:10px;
	margin-bottom:40px;
	margin-bottom:0px;
	padding:3px;
	text-align:left;
}
#formulaireNewsletter input, #formulaireRecherche input {
	background:#fff;
	border:1px solid #999;
	font-size:100%;
	width:97%;
	text-align:center;
}
#formulaireNewsletter input.submit, #formulaireRecherche input.submit{
	/*text-transform:uppercase;*/
	border:1px solid #000;
	font-size:100%;
	background-color:#000;
	color:#fff;
	width:100%;
}
#formulaireNewsletter input.submit:hover, #formulaireRecherche input.submit:hover {
	background-color:#000;
}
#logo {
	clear:both;
	float:left;
	width:950px;
	margin:0;
	padding:0;
	margin-top:28px;
}
#encadre {
	position:absolute;
	left:0px;
	top:15px;
	text-align:left;
	width:250px;
	background-color:#ccc;	
}
#menuHaut {
	clear:both;
	float: left;
	width:940px;
	text-align:center;
	margin:0;
	margin-top:23px;
	padding:20px;
	padding-top:7px;
	padding-bottom:2px;
	font-variant: small-caps;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	background-color:#f9f9f9;
	background-color:#000;
	z-index:1000;
}
#menuHaut ul {
	list-style:none;
}
#menuHaut ul li {
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:18px;
	margin-right:18px;
}
#menuHaut ul ul {
	DISPLAY: none;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 0px;
	width:180px;
	z-index:1000;
	margin:0;
	padding:0;
	margin-top:22px;
}
*html #menuHaut ul ul {
	DISPLAY: none;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 0px;
	width:180px;
	float:left;
	z-index:1000;
	margin:0;
	padding:0;
	margin-top:23px;
}
#menuHaut li {
	liST-STYLE-TYPE: none;
	POSITION: relative;
	display:inline; 
	text-transform:uppercase;
}
#menuHaut li a {
	font-weight:normal;
	TEXT-DECORATION: none;
	border-bottom:none;
	font-size:110%;
	color:#fff;
	cursor:default;
}
#menuHaut li a:hover, #menuHaut li a.select {
	/*font-weight:bold;*/
	color:#000;
	TEXT-DECORATION: none;
}
#menuHaut li:hover ul.niveau2 {
	DISPLAY: block
}
#menuHaut li.sfhover ul.niveau2 {
	DISPLAY: block
}
#menuHaut li li {
	liST-STYLE-TYPE: none; 
	POSITION: relative; 
	/*top:15px; */
	display:block;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	line-height:12px;
	opacity : 0.75;
    -moz-opacity : 0.75;
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    filter : alpha(opacity=75); /* IE < 8 */
	color:#fff;
	border-top:1px solid;
	background-color:#000;
}
*html #menuHaut li li {
	liST-STYLE-TYPE: none; 
	POSITION: relative; 
	top:73px; 
	left:-40px; 
	display:block;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	line-height:12px;
	opacity : 0.75;
    -moz-opacity : 0.75;
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    filter : alpha(opacity=75); /* IE < 8 */
	color:#fff;
	border-top:1px solid;
	background-color:#000;
}
#menuHaut li li:hover {
	DISPLAY: block;
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
}
#menuHaut li li.sfhover ul.niveau3 {
	DISPLAY: block
}
#menuHaut li li a {
	font-weight:normal;
	text-transform:uppercase;
	TEXT-DECORATION: none;
	font-size:90%;
	color:#fff;
	cursor:pointer;
}
#menuHaut li li a:hover {
	font-weight:normal;
	color:#fff;
	opacity : 1;
}
#menuHaut li li:hover {
	/*background-color:#db003e;*/
}
#corps {
	clear: both;
	float: left;
	background-color:#fff;
	width:100%;
	padding-top:30px;
}
#surLeGril {
	clear: both;
	float: left;
	width:150px;
	margin-left:10px;
	margin-top:220px;
	padding: 10px;
	border: 1px thin;
	background-color:#ccc;
	display:none;
}
#content {
	float: left;
	margin:0px;
	margin-top:0px;
	margin-left:85px;
	padding:0px;
	width: 650px;
	font-size:110%;
	min-height:400px;
	margin-bottom:20px;
}
#content ul li {
	list-style: default;
	margin-left:30px;
}
#content img {
	float:left;
	padding:3px;
	margin-right:5px;
	margin-bottom:5px;
	/*border:1px solid #ccc;*/
}
.chapeau {
	clear: both;
	float:left;
	color:#111;
	width:95%;
}
.deuxCols1 {
	clear: both;
	float:left;
	margin:0px;
	padding:0px;
	width:47%;
	margin-right: 20px;
	color:#111;
	text-align:left;
	line-height:120%;
}
.deuxCols0 {
	float:left;
	margin:0px;
	padding:0px;
	width:47%;
	color:#111;
	text-align:left;
	line-height:120%;
}
#sidebar {
	float: left;
	margin:0px;
	padding:5px;
	margin-top:0px;
	width:200px;
	color:#111;
	text-align:left;
}
#sidebar  img{
	padding:3px;
	margin:0px;
	border:1px solid #ccc;
}
#sidebar  a:hover {
	border:none;
}

h1 {font-size:250%; font-weight:normal; font-family: 'Conv_Calibre-Medium',Arial,sans-serif; margin-bottom:5px;}
h2 {font-size:150%; font-weight:normal; font-family: 'Conv_Calibre-Medium',Arial,sans-serif; margin-bottom:5px;}
h3 {font-size:100%; }
h4 {
	font-size:100%;
	font-weight:normal;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border-radius: 10px;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	padding:10px;
	background-color:#eee;
}
h5 {font-size:90%; font-weight:normal;}
h6 {
	font-size:100%;
	font-weight:normal;
	border:1px dotted #999;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border-radius: 10px;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
	padding:10px;
	background-color:#f9f9f9;
}
p { 
	padding-bottom:5px;
}

#footer {
	clear:both;
	float:left;
	width:980px;
	background-color:#fff;
	color:#000;
}
#basdepage {
	clear:both;
	float:left;
	width:940px;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid;
}
#basdepage a { text-decoration:none; border-bottom: none; font-weight:normal; color:#000;}
#basdepage a:hover { text-decoration:none; border-bottom:1px dotted; }
.retourSaisie {
	position:absolute;
	left:20px;
	top:20px;
	z-index:1000;
	border: 1px solid #00CC00;
	padding:5px;
}
