/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/1.3 Verdana, Helvetica, sans-serif;
	}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, table {
	margin: 1em 0;
	padding: 0;
	}
	ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl ul, dl ol, dl dl {margin: 0;}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1.5em;}

/* Miscellaneous conveniences: */
html {background: #fff;	color: #444;}
body {
	background:#fff;
	font-size:68.75%;
	}
h1 {
	font-size: 2em;
	margin: 0 0 1em ;
	}
h2 {
	font-size: 1.5em;
	margin: .83em 0;
	}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
	}
h4 {
	font-size: 1em;
	margin: 1.17em 0;
	}
h5 {
	font-size: 1em;
	font-weight: normal;
	font-variant: small-caps;
	margin: 1.17em 0 1em;
	}
h6 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 1.17em 0 1em;
	}
/* Form field text-scaling */
input, select, textarea {font-size: 100%;}
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px inset #aaa;
	}
	.radio input, .checkbox input {border:none;}
	input[type="radio"], input[type="checkbox"], input[type="file"] {border:none;} /* !IE JS */
a img {border: none;}
img[usemap] {border: none;} /* !IE JS */
table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
	}
	caption {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0.2em 0;
		}
	th, td {padding: 0.2em;}
	th {font-size: 1.1em;}
pre {
	overflow: auto;
	width: 100%;
	}
.clear {clear: both;}
	br.clear {
		font-size: 0px;
		line-height: 0px;
		height: 0px;
		}
.float_left {float: left;}
.float_right {float: right;}

.arrondiHaut {vertical-align: bottom;}
.arrondiBas {vertical-align: top;}

/* =COIN ARRONDIS */
.coinHG, .coinHD, .coinBG, .coinBD {
	margin: -1px;
	position: absolute;
	}
	.coinHG, .coinHD {top: 0;}
	.coinHD, .coinBD {right: 0;}
	.coinBG, .coinBD {bottom: 0;}
	.coinHG, .coinBG {left: 0;}

/* =ALL */
#all {
	margin: 0 auto;
	position : relative;
	width: 961px;
	}

/* =BASE_LINE */

#base_line {
	background-color: #f5f3ee;
	color:#a7a190;
	padding:0 30px;
	position:static;
	text-align:center;
	width: 901px;
	}
	#base_line a{
		color:#a7a190;
		text-decoration: none;
		}
	#base_line a:hover{
		color:#a7a190;
		text-decoration: underline;
		}

/* =FOOTER */
#footer{
	background: #d1cbba;
	color:#000;
	margin:0;
	min-height:18px;
	padding: 7px 40px 6px 50px;
	width:871px;
	}
	#footer ul {
		margin:0;
		text-align:right;
		}
	#footer ul li {
		background: url(/design/ocep/images/img/separateur_item_footer.gif) no-repeat 0 2px;
		display:inline;
		margin-left: 0;
		padding: 0 6px 0 10px;
		}
	#footer ul li.first {
		background: none;
		}
		#footer ul li a {
			color: #444;
			text-decoration: none;
			}
		#footer ul li a:hover {
			color: #444;
			text-decoration: underline;
			}

/* =HEADER */
#header{
	background: #fff url(/design/ocep/images/img/fonds_header.gif) top left repeat-y;
	width: 961px;
	}
	#logo{
		float: left;
		padding-left:1px;
		width: 282px;
		}
	#pave_pub_top{
		float: left;
		padding: 22px 8px 0 8px;
		width: 471px;
		}
	#pave_recherche_top{
		float: left;
		height: 102px;
		padding-left:7px;
		width: 183px;
		}
		#pave_recherche_top form label{
			color: #b5000b;
			}
		#pave_recherche_top form input#recherche{
			border: 1px solid #ddd;
			width: 156px;
			}
		#pave_recherche_top form select#speRecherche{
			border: 1px solid #ddd;
			color: #011b71;
			width: 156px;
			}
		#boutonRecherche {
			background:url(/design/ocep/images/img/btn_ok_rech.gif) no-repeat;
			border:0 none;
			cursor: pointer;
			height:15px;
			width:15px;
			}

/* =CONTENEUR */
#conteneur{
	margin: 0;
	margin-top: 15px;
	width: 961px;
	}

/* 	=ANNUAIRE_TOP */
#annuaire_top{
	background: url(/design/ocep/images/img/top_annuaire.gif);
	height: 31px;
	width: 192px;
	}

/* =MENU */
	#menu {
		float:left;
		height:auto;
		width:192px;
		font-size: 0.9em;
		}
		#menu ul{
			background-image: url(/design/ocep/images/img/fond_menu_gauche.gif);
			background-repeat: repeat-y;
			list-style: none;
			list-style-image: none;
			padding : 0;
			border:1px solid #ddd;
			border-top:0px none;
			margin-top: 0;
			}
			#menu ul li {
				margin: 0;
				padding: 0;
				}
				#menu ul li a {
					color:#011b71;
					display: block;
					font-size: 11px;
					padding: 12px 0 3px 20px;
					text-decoration:none;
					text-indent: -18px;
					}
					#menu ul li a:hover{
						background-color:#011B70;
						color:#fff;
						}
					#menu ul li a img {
						position: relative;
							bottom: 8px;
							left: 2px;
						}

	#menu ul.menuType2 {
		background: #d1cbba;
		color: #011b71;
		}
		#menu ul.menuType2 a{
			color: #fff;
			text-decoration: none;
			}

/* =MENU_TOP */
#menu_top{
	background: #fff url(/design/ocep/images/img/fonds_menu_top.gif) no-repeat top left;
	min-height: 60px; /* !IE */
	width: 961px;
	}
	#menu_top .menu_top ul, #menu_top .sous_menu_top ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	.menu_top{
		height: 30px;
		overflow: hidden;
		width: 961px;
		}
		#menu_top .menu_top ul li{
			list-style-type: none;
			margin: 0;
			padding: 0;
			float: left;
			}
			.menu_top a div{
				cursor: pointer;
				overflow:hidden;
				}
			.menu_top a.on img {
				margin-top: -30px;
				}
	.sous_menu_top{
	    border-left: 1px solid #ddd;
	    border-right: 1px solid #ddd;
		display: none;
		padding: 7px 0;
		width: 958px;
		}
	.sous_menu_top ul li{
		background: url(/design/ocep/images/img/menu_top/separateur_item_menu_top.gif) no-repeat 0 4px;
		display:inline;
		margin:0;
		padding:0 3px 0 7px;
		}
		.sous_menu_top ul li a{
			line-height: 1em;
			text-decoration: none;
			}
		.sous_menu_top ul li a:hover{
			text-decoration: underline;
			}
	.sous_menu_top ul li.first {
		background: none;
		padding:0 4px 0 11px;
		}
		#sous_menu_2{
			background: #011b71;
			}
			#sous_menu_2 a{color: #fff;}
		#sous_menu_3{
			background: #b8000b;
			}
			#sous_menu_3 a{color: #fff;}
		#sous_menu_4{
			background: #792c9e;
			}
			#sous_menu_4 a{color: #fff;}
		#sous_menu_5{
			background: #089dc7;
			}
			#sous_menu_5 a{color: #fff;}
		#sous_menu_6{
			background: #d18017;
			}
			#sous_menu_6 a{color: #fff;}
		#sous_menu_7{
			background: #ebc201;
			}
			#sous_menu_7 a{color: #fff;}
		#sous_menu_8{
			background: #ff6600;
			}
			#sous_menu_8 a{color: #fff;}
/* = CONTENU */
#contenu {
	float:left;
	height:auto;
	margin:0 24px 20px 24px;
	padding:0;
	width:558px;
	}
#contenu h1{
	color: #011b71;
	font-size: 16px;
	font-family: verdana;
	padding-left: 0px;
	}
	#intro{
		color: #444;
		font-size: 12px;
		}
/* =BANDEAUPUB2 */
#bandeauPub2 {
	float:left;
	height:auto;
	margin-top:0px;
	}

/* =LISTE_PUSH */
#liste_push{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	}
	#liste_push li{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	#liste_push li.item_push .img{float: left;}
	.push_left .descr_produit_focus {float: left; width: 166px;}

	.push_right .descr_produit_focus {float: left; width: 166px;}
	#liste_push li.item_push{
		float: left;
		list-style-type: none;
		margin: 12px 0 0 0;
		padding: 0;
		position: relative;
		width: 264px;
		}
		#liste_push li.push_left{
			margin-right: 27px;
			}
		#liste_push li.push_left .content_push{
			padding: 10px 10px 0 10px;
			}

		#liste_push li.push_left .content_push{min-height: 193px; /* IE */}
		#liste_push li.push_right .content_push{min-height: 193px; /* IE */}
		#liste_push li .content_push a {text-decoration: none;} /* correction bug safari */
		#liste_push li.push_center{ width: 556px; }
		#liste_push li.push_center .content_push{
				padding: 15px 15px 5px 14px;
				}
		.top_item_push{
			height: 29px;
			width: 264px;
			overflow: hidden;
			}
			.push_center .top_item_push{
				background: url(/design/ocep/images/img/actus_audition.gif) no-repeat;
				width: 556px;
				}
		.content_push{
			border: 1px solid #ddd;
			border-top: 0px none;
			color: #444;
			margin-top: -3px;
			}
			.content_push a, .content_push a:hover, .content_push a:visited {color: #b8000b;} /* IE */
			#actus_audition .content_push{
				padding: 22px 14px 8px 14px;
				}
			.content_push h2{
				color: #000c62;
				font-size: 12px;
				padding:0 0 5px 0;
				margin: 0;
				}
				.date_actu{
					font-size: 12px;
					font-style: italic;
					font-weight: normal;
					}
			.content_push p{
				margin: 0;
				}
				.savoir_plus{
					color: #b8000b;
					text-align: right;
					}

			#video_la_une .content_push{
				border: 0px none;
				}
			#liste_push .content_push #liste_actus{
				list-style-type: none;
				list-style-image: none;
				margin: 0;
				padding: 0;
				}
				#liste_push .content_push #liste_actus li{
					margin-bottom: 12px;
					}
	#pave_newsletter{
		background: url(/design/ocep/images/img/fonds_pave_newsletter.gif) bottom left no-repeat;
		margin: 4px 0 10px;
		padding:0;
		width: 191px;
		}
	#top_pave_newsletter{
		background: url(/design/ocep/images/img/recevoir_news.gif) no-repeat;
		height: 24px;
		overflow: hidden;
		width: 191px;
		}
		#content_pave_newsletter{
			padding: 10px 8px 13px 8px;
			}
			#form_newsletter #email_news{
				border: 1px solid #ddd;
				color: #444;
				font-size: 11px;
				width: 151px;
				}
			#form_newsletter #valider_inscr{
				background:url(/design/ocep/images/img/valider_inscr.gif) no-repeat;
				border: 0px none;
				cursor: pointer;
				height: 15px;
				width: 15px;
				}

.error {color: red;}
#pave_newsletter .message .msgAccueil {color: #444444;}
#pave_newsletter .message p {color: #B8000B;}