/* *************************** 
  Site - cannes jeuness
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - Correction css_styled_content
   ***************************/


/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	background:url(../images/bg_body.png) top repeat-x;
}
#container {
	width:100%;
	text-align:left;
	background:url(../images/bg_container.png) center 65px no-repeat;

}
#container_inner{
	width:100%;
	padding-bottom:14px;
	background:url(../images/bg_container_inner.png) center bottom no-repeat;
	}
/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	margin:0 auto;
	width:1000px;
	height:341px;
	position:relative;
	background:#007baf;	
}
#header h1{
	position:absolute;
	top:61px;
	left:6px;
	width:443px;
	height:115px;
	z-index:9999;
	}
#header h1 a{
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/bg_logo.png) no-repeat;
	width:443px;
	height:115px;
	display:block;
	}
#header .header_right{
	position:absolute;
	left:805px;
	top:23px;
	}
.header_right form{
	float:left;
	}
.header_right form .input_text{
	padding-left:8px;
	width:120px;
	height:19px;
	padding-top:1px;
	border:0;
	vertical-align:middle;
	font-size:12px;
	color:#007cb0;
	margin-right:6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
.header_right form .submit_button{
	background:url(../images/bg_button_header.png) no-repeat;
	width:45px;
	height:19px;
	border:0;
	padding:0;
	cursor:pointer;
	margin-right:6px;
	vertical-align:middle;
	}
.header_right a{
	float:left;
	color:#fff;
	margin-top:2px;
	background:url(../images/bg_arrow_white.png) left no-repeat;
	padding-left:11px;
	}
.header_right a:hover{
	color:#fff;
	}
.banner{
	background:url(../images/bg_banner.jpg) left no-repeat;
	height:277px;
	position:relative;
	width:100%;
	position:absolute;
	top:64px;
	left:0;
	border-top:#fff 1px solid;
	}
.banner img{
	margin-left:663px;
	margin-top:32px;
	}

.breadcrumb{
	color:#007cb0;
	font-size:11px;
	position:absolute;
	left:42px;
	top:314px;
	}
 .breadcrumb a,.breadcrumb a:hover{
	color:#007cb0;
	}
/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	margin:0 auto;
	width:1000px;
	position:relative;
	overflow:hidden;
	background:#fff url(../images/bg_content.png) left bottom no-repeat;
	padding-bottom:175px;
    }
#maincontent{
	padding-left:42px;
	width:557px;
	float:left;
	padding-right:30px;
	}
#maincontent h2{
	width:543px;
	border-top:#00ace5 1px solid;
	color:#007cb0;
	font-size:25px;
	line-height:27px;
	padding-top:17px;
	padding-bottom:5px;
	}
#maincontent .text_box{
	padding-bottom:23px;
	width:100%;
	}
#maincontent p{
	line-height:14px;
	}
#maincontent p .img_box{
	width:100%;
	overflow:hidden;
	display:block;
	padding-top:17px;
	padding-bottom:23px;
	}
#maincontent p img{
	float:left;
	margin-right:14px;
	}
#maincontent ul {padding-left:25px;}	
#maincontent ul li{
	list-style:square;
	}
.partenaires_box{
	width:100%;
	overflow:hidden;
	padding-top:3px;
	
	}
.partenaires_box li{
	float:left;
	margin-right:10px;
	}

p.bodytext {padding-bottom:8px;}

/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	float:left;
	width:331px;
	margin-top:7px;
	}
#sidebar ul .first{
	height:177px;
	padding-left:5px;
	width:325px;
	padding-right:0;
	padding-top:30px;
	background:url(../images/bg_first.png) no-repeat;
	}
#sidebar ul .last{
	height:187px;
	width:289px;
	padding-left:42px;
	padding-top:3px;
	padding-right:0;
	background:url(../images/bg_last.png) no-repeat;
	}
#sidebar li{
	width:255px;
	height:171px;
	padding-left:42px;
	padding-top:10px;
	overflow:hidden;
	padding-right:34px;
	background:url(../images/bg_li.png) no-repeat;
	}
#sidebar h2{
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:5px;
	}

#sidebar h3{
	font-size:12px;
	color:#000;
	line-height:14px;
	padding-bottom:2px;
	font-weight:normal;	
	}
#sidebar h3 a,#sidebar h3 a:hover{
	color:#000;
	}
#sidebar ul li .section.bottom{
	border:0;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	margin:0 auto;
	width:1000px;
	height:30px;
	border-top:#fff 1px solid;
	background:#007baf;
	
}
#footer p{
	padding-left:22px;
	padding-right:9px;
	width:969px;
	color:#fff;
	line-height:30px;
	}
	
#footer p span{
	float:right;
	}
	
#footer p span a{
text-decoration:none;
color:#FFF;
}

#footer p span a:hover{
text-decoration:underline;
}

/* *************************** 
   $7  Css_styled_content
   ***************************/

.csc-frame-invisible {
       display:none;
       }
       
 .csc-frame-rulerAfter,
 .csc-frame-rulerBefore {
		clear: both;
		
		height: 0;
		
		margin: 2px 0 16px 0;
					
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #01B6E8;
		
		font-size: 1px;
		min-height: 0;
		line-height: 0;
		
		color: #01B6E8;
		background: transparent;
	}


/* Needed for noRows setting */
	#sidebar DIV.csc-textpic DIV.csc-textpic-imagecolumn { float:none; }
	
/* DIV: This will place the images side by side */
	#sidebar DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: none; }
	
	.csc-header{clear:both;}