/* /////////Générélités///////// */

body {
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	/*font-family: Helvetica,Geneva, Arial, sans-serif;*/
	margin-top:0px;
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	background-color:#618ec2;
}

#main {
	margin:auto;
	width:960px;
	height:500px;
	/*background-image:url(../img/bg_main.png);*/
	/*background-image:url(../img/bg_dr40.png);*/
	background-image:url(../img/bg_da20.png);
	background-repeat:no-repeat;
}

a { text-decoration:none;}

ul {list-style:none;}

.floatleft {float:left}

.floatright {float:right}

alignright {text-align:right;margin-left:20px;}

a, a:visited, a:hover {color:#333333;}

.hidden {display:none}

img {border : 0;}

.copperplate {font-family:Copperplate;}

.bold {font-weight:bold;}

.underline {text-decoration:underline;}

/* /////////Header///////// */
#header{
	height:auto;
}

#topheader{
	
	text-align:center;
	line-height:90px;
}


/*navigation principale*/

#navmain {
	padding:7px 7px 7px 7px;
	text-align:left;
	margin-bottom:0px;
	font-family:Copperplate, "Bank Gothic", Verdana;
}


#navmain a 		{
	padding:6px 12px 7px 12px;
}

#navmain .navmain_main		{
	background-image:url(../img/bg_white_90.png);
	color:#003399;
	padding:6px 14px 7px 15px;
	border:1px solid #CCCCCC;
	border-bottom:none;
	border-left:none;
}

#navmain .navmain_openflyer:hover		{
	background-color:#CCCCCC;
}

#navmain .navmain_olivia:hover		{
	background-color:#CCCCCC;
}

#navmain a:hover	{
	color:#003399;
}

/*fin navigation principale*/


/* /////////Contenu Général///////// */
#content {
	margin:0px;
	float:left;
	width:959px;
	border-right:1px solid #CCCCCC;
	background-image:url(../img/bg_white_90.png);
	background-repeat:repeat-y;
}

#leftcontent {
	float: left;
	width:738px;
	border-right: 1px solid #CCCCCC;/*Attention, rajouter un pixel a width si on supprime cette ligne*/
	min-height:800px;
}

#leftcontent h1 {
	color:#333333;
	font-size:20px;
	text-indent:30px;
}

#leftcontent h2 {
	color:#333333;
	font-size:18px;
	text-indent:40px;
}


#rounded_top {
	height:11px;
	width:959px;
	float: left;
	margin-top:0px;
	border-right:1px solid #CCCCCC;
}

#rounded_bottom {
	height:11px;
	width:959px;
	float: left;
	margin-top:0px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../img/bg_white_90.png);
}


#welcome2 {
	margin:20px;
	margin-bottom:0px;
	padding:10px;
	color:#333333;
	border: 1px solid #00FF66;
	background-color:#C4FEDB;
	text-indent:20px;
	text-align:justify;
	font-size:13px;
}

/*Post*/

div .post {
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 10px 0px;
	text-align:justify;
	border-bottom: 1px solid #CCCCCC;
}

div .postm {
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 10px 0px;
	text-align:justify;
	border-bottom: 1px solid #CCCCCC;
	min-height:375px;
}

.title {
	/*border-top:1px solid #CCCCCC;*/
}

.post h2, .postm h2 {	
	font-size:19px;
	color:#333333;
}
.img_title_post{}
.post h3, .post h3 a,.postm h3, .postm h3 a {
	font-size:11px;
	color:#666666;
	font-style:italic;
	text-indent:30px;
}

.img_post, .video_post {
	display:inline;
	margin:auto;
	margin-bottom:20px;
	float:right;
	margin-left:15px;
	padding: 4px;
	background-color:#EEEEEE;
	border: 1px solid #CCCCCC;
}

.video_post {
	width:320px;
	height:265px;
}

.post p:first-letter, .postm p:first-letter {
	font-size:16px;
	color:#003399;
}

.post p, .postm p {
	text-indent:25px;
	font-size:13px;
}

.post a, .postm a {
	text-decoration:underline;
}

.post li, .postm li {
	font-size:13px;
	list-style:circle;
}


.footer_com {
	font-size:12px;
	color:#999999;
	display:NONE;
}



/*fin Post*/


#leftcontent_page {
	margin-bottom:20px;
	font-size:10px;
	color:#666666;
}

#leftcontent_page a, #nb_page {
	padding:3px 3px 3px 3px;
	color:#666666;
	border: solid 1px #999999;
}

#leftcontent_page a:hover {
	color:#999999;
	border: solid 1px #666666;
}

.leftcontent_page_highlight {
	border: solid 1px #333333;
	background-color:#C0FDA6;
	
}

#menu {
	float:left;
	width:220px;
	/*color:#003399;*/
	font-size:16px;
	text-indent:5px;
	font-family:Copperplate, "Bank Gothic", Verdana;
	
	padding: 12px 0px 0px 0px;
}

#menu a 		{
		color:#666666;

	display:block;
	padding:4px 4px 4px 4px;
}

#menu a:hover 		{}

#menu li 		{
	list-style-image:url(../img/empty_20_17.png);
}

#menu li:hover 		{
	list-style-image:url(../img/thumb_airplane_20_17.png);
}

.menu_main:hover {
	background-color:#79B2E3;
	color:#666666;
}

.menu_main {
	margin-left:10px;
	margin-right:10px;
}

.menu_main_highlight {
	background-color:#E9FEE1;
	margin-left:10px;
	margin-right:10px;
}

#meteo {
	float:left;
	margin:15px;
	width:190px;
	min-height:100px;
	font-size:14px;
	color:#666666;
	display:none;
}

.css_color1 {
	display:block;
	float:left;
	width:10px;
	height:10px;
	background-color:#c28961;
	border: 1px solid #999999;
	margin-left:55px;
}

.css_color2 {
	display:block;
	float:left;
	width:10px;
	height:10px;
	background-color:#b2c261;
	border: 1px solid #999999;
	margin-left:15px;
}

.css_color3 {
	display:block;
	float:left;
	width:10px;
	height:10px;
	background-color:#61c280;
	border: 1px solid #999999;
	margin-left:15px;
}

.css_color4 {
	display:block;
	float:left;
	width:10px;
	height:10px;
	background-color:#618ec2;
	border: 1px solid #999999;
	margin-left:15px;
}

#rightsup {
	margin-top: 30px;
	float:left;
	width:220px;
	text-align:justify;
	
}

.ffa {
	display: block;
	margin:auto;
	margin-top:20px;
}


/* /////////Footer///////// */

#footer {
	float:left;
	width:960px;
	padding: 11px 0px;
	text-align:center;
	font-size:12px;
	color:#333333;
	background-image:url(../img/bg_white_90.png);
	margin-top:10px;
}

#footer a {
	color:#333333;
}

/* /////////COM///////// */

#component {
	text-align:justify;
	font-size:13px;
	margin:20px;
}

#component p img {
	margin:7px;
}

#component p:first-letter {
	font-size:15px;
	color:#003399;
}

#component p {
	text-indent:25px;
}

#component h4 {
	font-size:16px;
	color:#333333;
	text-indent:45px;
}

#component h5 {
	font-size:14px;
	color:#333333;
	text-indent:50px;
}
#component table {
	text-align:left;
}
#component td {
	padding:10px;
}
#component .bureau {
	width:118px;
	height:146px;
}

#component img {
	padding: 4px;
	background-color:#EEEEEE;
	border: 1px solid #CCCCCC;
}

#component label {
display:block;
width:200px;
float:left;
}

#component a {
	text-decoration:underline;
}