*{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

body{
background:#4192e5 url(/medias/images/bg.jpg) repeat-x;

margin:0;
padding:0;
line-height: 1.3em;
color:#3a3a3a;
}


#general{
width: 876px;
margin: 0 auto;
}

/***La commande  commune à tous les sites CCI******/
.commande{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:right;
padding-left:3px;
text-align:center;
padding-top:3px;
background:#002458 url(/medias/images/bg-commande.png) repeat-x;
color:#eee;
font-weight:bold;
font-size:10px;
width:215px;
height:17px;
}
.commande a{
color:#fff;
}
.commande a:hover{
color:#60a8f0;
}

.commande .current{
color:#12c5f2;
}

.commande .me{
text-transform:uppercase;
font-weight:bold;
}

/***************************************/

#header{
background:#4192e5 url(/medias/images/bg-top.jpg) no-repeat;
height:138px; 
}


/* Menu*/

.menu{
background: transparent url(/medias/images/bg-menu.png) no-repeat;
width:531px;
height:24px;
float:right;
padding-right:10px;
margin-top:10px;
color:#FFFFFF;
padding-left:20px;
padding-top:3px;
}


.m-bouton {
 height:21px;
display:block;
float:left;
margin-right:5px;

}

.m-bouton:hover, .m-active {
background-position:  left -21px;
}
ul.mainmenu { list-style-type: none; list-style-image: none; padding: 0; margin: 0; font-size: 10pt; } ul.mainmenu a { font-size: 10pt; white-space: nowrap;  padding-top:2px; } 
li.mainmenu-item {  padding: 0; display: block; float: left;} 
li.mainmenu-item a, li.mainmenu-item a:link, li.mainmenu-item a:visited, li.mainmenu-item a:active {   color: #fff; text-decoration: none } 
li.mainmenu-item a:hover { color:#fff;} 
ul.submenu { list-style-type: none; list-style-image: none; padding: 5px; margin: 0; width:150px; background-color: #b30455; padding:10px; } 
ul.submenu li { display: block; } 
ul.submenu a, ul.submenu a:link, ul.submenu a:visited, ul.submenu a:active { border: 0 none; display: block; }


.menu a{
color:#FFFFFF;


}

.recherche{
float:right;

height:24px;
width:185px;
}
.recherche input{
border:1px solid #fff;
}

/***********************/



#backhome{

display:block;
width:100px;
height:90px;
margin-top:40px;
margin-left:15px;
float:left;


}

.pub{
clear:right;
float:right;
padding-right: 10px;
padding-top: 15px;
}


#corps{

background:#f2f6fa url(/medias/images/bg-corps.png) no-repeat;
width: 856px;
padding:10px;
}

#gauche{
clear:left;
float: left;
width: 420px;
text-align:justify;
}






#droite{

float: right;
width: 420px;
}

#footer{

background: transparent url(/medias/images/bg-footer.png) no-repeat top left;
font-size:10px;
text-align: center;
clear:both;
padding-top:10px;
color:#FFFFFF;

margin:auto;
}

a{
text-decoration:none;
color:#3a3a3a;
}

a:hover{
text-decoration:none;
color:#2068b3;
}

h2{
font-size:16px;
padding-bottom:10px;
text-align:left;
line-height:18px;
}
h3{
font-size:12px;
padding-top:3px;
padding-bottom:3px;
font-weight:bold;
}
p{
margin-top:2px;
margin-bottom:5px;
}

.spacer{
clear:both;
visibility:hidden;

}

ul li{
list-style-type:none;
}

a img{
border:0px solid red;
}

.left{
float:left;

}
.right{
float:right;

}

.mee{
color:#f4bd00;
}

/******************/

.encadre{
padding:5px;
margin-bottom:10px;
}

.video_link{
width:123px;
float:left;
padding-right:9px;
padding-bottom:10px;
}
.video_link .content_video {
height:215px;
}
.bleu .content_video {
border-right:1px solid #4192e5;
}

.vert .content_video {
border-right:1px solid #079c09;
}
.orange .content_video {
border-right:1px solid #cb0573;
}


.video_link .pied{
height:16px;
text-align:right;
font-weight:bold;
color:#FFFFFF;
padding-right:5px;

}

.bleu .pied{
background: #fff url(/medias/images/pied_thumb_bleu.jpg) no-repeat top left;
}
.vert .pied{
background: #fff url(/medias/images/pied_thumb_vert.jpg) no-repeat top left;
}
.orange .pied{
background: #fff url(/medias/images/pied_thumb_rose.jpg) no-repeat top left;
}
/****systeme d'onglets**/

#a, #b,#c,#d,#vsc,#vprc,#vprg,#vp {
background-color:#FFFFFF;
padding:10px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
clear:both;

}


.menu_onglet li {
margin-top:10px;

display:inline;

}

a.lien_menu
{
    background: transparent url(/medias/images/bg_menu_a.gif) no-repeat bottom right;
    color: #767676;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 25px;
    margin-right: 2px;
	padding-top:0px;
	
    padding-right: 2px;
	text-decoration: none;
	font-size:11px;
	border-bottom:1px solid #d9d9d9;
	position:relative;
	top:1px;
	

	
	
}

a.lien_menu:hover
{ 	background: transparent url(/medias/images/bg_menu_a.gif) no-repeat bottom right;
	margin-bottom:0px;
	height: 25px;
    color: #2068b3;
	border-bottom:1px solid #d9d9d9;

}

a.active{
 	background: transparent url(/medias/images/bg_menu_a.gif) no-repeat top right;
	color: #2068b3;
	border-bottom:1px solid #fff;
}

a.active span

{
    background: transparent url(/medias/images/bg_menu_span.gif) no-repeat top right;

}

a.lien_menu span

{
    background: transparent url(/medias/images/bg_menu_span.gif) no-repeat bottom left;
    display: block;
	
    line-height: 16px;
    padding: 3px 5px 6px 10px;

	margin-bottom:0px;

	
}
a.active span

{
    background: transparent url(/medias/images/bg_menu_span.gif) no-repeat top left;

}


a.lien_menu:active
{
    background-position: top right;
    color: #3d8bdd;
    outline: none;
	
}



a.lien_menu:active span
{
    background-position: top left;
     padding: 3px 5px 6px 10px;

}

a.lien_menu:hover span
{
    background-position: top left;
    padding: 3px 5px 6px 10px;
    color: #2068b3;
}


/**commentaires**/

/* comments - commentaires*/
/* comments - commentaires*/
#comments span.comment-number{
	display: none;
}
#comments {
	margin-top: 5px;

	
}
#comments p {
	margin: 0 5px;
}
#comments blockquote{
	text-align: justify;
	padding: 1em;
	margin: 0 12px 10px 10px !important;
	border: none;
	background: #eae7e3 url("/medias/images/commentaire_bs.gif") left bottom no-repeat;
}


p.nbCom span{
	color: #aaa;
	font-weight: bold !important;
}
#comments h3 {
	margin-left: 20px;
	margin-top: 10px;
}
#comments form{
	padding: 10px 20px;
}
#comments hr {
	width: 470px !important;
	min-width: 470px !important;
	margin-left: 10px;
}
#comments p.bonus {
	margin-left: 20px;
	margin-bottom: 0;
}
	

p.comment-info {
	background: transparent url("/medias/images/commentaire_ht.gif") left bottom no-repeat;
	height: 35px;
	margin-left: 10px !important;

}
.commentid{
	border-right: 1px solid #DDD;
	text-decoration: none;
	color: #999;
	background: transparent;
	padding: 3px 6px;
}

.field label{
	display: block;
	cursor: pointer;
	cursor: hand;
}




.form_design p{
width: 250px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

height: 1%;
}

.form_design fieldset {
	margin-bottom: 1em;
	border: 0;
	margin: 0.5em;
	background-color:#FFFFFF;
	border:#000000;
}

.form_design legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font-weight:bold;
}

.form_design label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}
.form_design input{
width: 200px;
}
.form_design input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.form_design select, option {
width: 200px;
}
.form_design textarea{
width: 200px;
height: 70px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

a {
outline:none;
}

label{
text-align:left;
}

#rightBlockContainer
{
	background:#2275c9 url(/medias/images/blockRight/bg.jpg) repeat-x;
	padding:5px;
	padding-right:7px;
	margin-top:15px;
}
#containerActuEvent
{
	background: transparent url(/medias/images/blockRight/bgActuEvent.gif) repeat-y;
}
#nextDate
{
 display:block;
 float:right;
 width:202px;
}
#nextActu
{
	display:block;
 	float:left;
 	width:202px;
}
.contentRightBlock
{
padding:2px;
padding-top:15px;
}
.spacerRightBlock
{
width:100%;
clear:both;
height:7px;
}
.itemBlockRight
{
	display:block;
	width:185px;
	color:#333333;
	border-left:2px solid #2771bc;
	padding-left:4px;
	margin-bottom:8px;
	margin-left:5px;
}
.itemBlockRight span
{
	color:#2771bc;
}
#bannerContener
{
	width:100%;
	overflow:hidden;
}
.uneCol
{
	padding-left:150px !important; 
	width:716px !important;
}
.uneCol h2 {
color:#4192E5;
}
/*** RSS ***/
.listRss, .installRss, .rssInfo
{
	margin-left:20px;
}
.installRss li
{
	list-style-type:decimal;
}
.rssInfo li
{
	list-style-type:circle;
}
.listRss li
{
	list-style-image: url(/images/rss4.gif);
}
.paragraphe {
font-size:13px;
line-height:23px;
margin-bottom:5px;
margin-top:15px;
text-align:justify;
}


a:hover.link_bleu{
color:#3685d6 !important;
}
a.link_bleu{
color:#0e4d8e !important;
}



a:hover.link_vert{
color:#59b001 !important;
}
a.link_vert{
color:#057d07 !important;
}


a:hover.link_orange{
color:#c4066a !important;
}
a.link_orange{
color:#9f0355 !important;
}
a:hover.link_orange{
color:#c4066a !important;
}
a.link_orange{
color:#9f0355 !important;
}

div.video_description img {
	margin: 2px;
}