/* CSS Document */

* {
	margin:0;
	padding:0;
	behavior:url(iepngfix.htc);
}

html {
	/*background-image:url(images/body_bg.jpg);*/
	background-repeat:repeat-x;
	background-color:#90d3ef;
}

body {
	font-size:12px;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/body-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:115px;
}

img {
	border:0;
}

p {
	margin-top:6px;
	margin-bottom:6px;
}

a {
	text-decoration:underline;
	color:#233849;
}
#content-wrapper{
    background:url('images/content-bg.jpg') repeat-y;
    width:783px;
    margin:0 auto;
}
#main {
	position:relative;
	width:770px;
	margin-left:auto;
	margin-right:auto;
/*	background-color:#ddf1fb;
	background-image:url(images/main_bg.jpg);
	background-repeat:repeat-x*/
	background-position:bottom;
}

.leftburst {
	position:absolute;
	top:0px;
	left:-210px;
	overflow:hidden;
}

.rightburst {
	position:absolute;
	top:0px;
	right:-365px;
	overflow:hidden;
}

#left {
	float:left;
	width:192px;
	background-image:url(images/left_bg.jpg);
	background-repeat:no-repeat;
/*	background-color:#c9e9f9;*/
	padding-bottom:20px;
}

.logo {
	margin:21px 0px 33px 7px;
}

.secbtn {
	margin:0px 0px 16px 16px;
}

.partenaires {
	width:160px;
	margin-left:10px;
}
.partenaires img {
	margin:5px;
}
#right {
	float:right;
	width:578px;
	overflow:hidden;
	min-height:400px;
	background-image:url(images/right_bg.png);
	background-repeat:no-repeat;
}

#box {
	padding:0 8px;
}



#bannav ul {
	height:22px;
	margin:0;
}

#bannav li {
	float:left;
	margin:0;
	list-style-type:none;
}

#bannav li a img {
	display:block;
}



#contentbox {
	margin-top:20px;
	padding-bottom:20px;
}

.activity {
	margin:10px 0px 10px 0px;
}

.activity a {
	display:block;
	margin:5px 0px 0px 0px;
	padding:0;
	color:#676767;
	font-weight:bold;
	text-decoration:none;
	width:528px;
	background-image:url(images/activitees_bg.gif);
	background-repeat:repeat;
	background-color:#FFFFFF;
	border-top:1px dotted #3c8cd0;
	line-height:18px;
	padding:10px;
}

.activity a:hover {
	Background-image:none;
}

.activity a:hover .p14_blue {
	color:#f7a11a;
}

#base {
	height:34px;
	background-color:#daf0fb;
}

#footer {
	width:783px;
	height:155px;
	position:relative;
	background:url('images/footer-bg.jpg');
	font-size:11px;
}
#footer #address{
	position:absolute;
	bottom:10px;
	left:100px
}
#footer #signature{
	position:absolute;
	bottom:40px;
	left:357px
}

form { padding-top:15px; }
form label { display:block;width:150px;float:left;padding-bottom:15px; }
form br { clear:left; }


h3.title{
    margin-top:30px;
}

#lst-activites li{
    margin:0;
    list-style-type:none;
    margin-bottom:20px;
}
#lst-activites li span{
    font-size:11px;
}
#lst-activites li label{
    font-size:12px;
    font-weight:bold;
    font-family:Arial Black;
}
#banner{
    position:relative;
    margin-top:20px;
    clear:both;
    width:554px;
    height:149px;
}

#banner img { position:absolute; }
#mailto{
    position:absolute;
    width:168px;
    height:22px;
    display:block;
    right:45px;
    bottom:5px;
    z-index:4999;
}

/* REFONTE 2010-2011  */
html {background-color:#f2f2f2;}
body {background-image:url(images/body-bg3.jpg);}
#content-wrapper{background:url('images/content-bg.gif') repeat-y;}
#right {background-image:url(images/right_bg2.png);}
#left {background-image:url(images/left_bg2.jpg);}
.activity a {background-image:url(images/activitees_bg.gif);}
#footer {background:url('images/footer-bg2.jpg');}

#edition5 { position:absolute; top:-13px; left:-15px;}

#partenaires2010 { background:url(images/partenaires-bg.gif); height:430px; width:auto; padding:20px;}

#footer {
	width:783px;
	height:650px;
	position:relative;
	/*background:url('images/footer-bg.jpg');*/
	background:#FFFFFF;
	background-image:none;
	font-size:11px;
	text-align:center;
}
#footer #partenaires{
padding:20px 0;
margin:0 auto;
}
#fb-like{position:absolute; right:20px; top:350px; width:250px; height:80px; display:block; z-index:10;}
#fb-like2{position:absolute; right:20px; top:335px; width:250px; height:80px; display:block; z-index:10;}
#fb-like3{position:absolute; right:0; bottom:5px; width:250px; height:80px; display:block; z-index:10;}
.floatleft{float:left; padding-bottom:10px;}
.clear{clear:both; height:1px; display:block;}
.submit-button{width:90px; margin-top:20px; float:right;}
#form-search label{width:110px;}
#btn-01{width:110px !important; height:90px; background:url(images/icon-01.png) bottom right no-repeat; margin-left:0; margin-right:0 !important;}
#btn-02{width:110px !important; height:90px; background:url(images/icon-02.png) bottom right no-repeat; margin-left:23px; margin-right:0 !important;}
#btn-03{width:110px !important; height:90px; background:url(images/icon-03.png) bottom right no-repeat; margin-left:23px; margin-right:0 !important;}
#btn-04{width:110px !important; height:90px; background:url(images/icon-04.png) bottom right no-repeat; margin-left:23px; margin-right:0 !important;}
#btn-01 > input{margin-top:45px; width:15px;}
#btn-02 > input{margin-top:45px; width:15px;}
#btn-03 > input{margin-top:45px; width:15px;}
#btn-04 > input{margin-top:45px; width:15px;}

/*fix*/
.btn-infolettre{background:url(images/concours-2012.png) top left; width:161px; height:286px; display:block; margin:0 auto;}
.submit-button2{width:90px; float:left; margin:15px 0 0 335px !important; width:100px !important;}
#form_info label{margin-right:25px; width:160px;}
#form_info label .inputpopup{width:160px; height:18px; border:1px solid #CCC; padding-left:3px;}
#form_info label .inputpopup2{width:160px; height:21px; border:1px solid #CCC; padding-left:3px;}
#form_info label select#activite {width:427px;}