* {
margin:0;
padding:0;
border:0;
}

ul{list-style-type:none;list-style-image:none;}
a{text-decoration:none;}
a img{border:0;text-decoration:none;}
hr, .hidden{display:none;}
.clear{clear:both;}
.color{color:#c00;}
.a_center{text-align:center;}
.f_left{float:left;}
.f_right{float:right;}

body{
text-align:center;
font:76%/200% Arial,Helvetica,Verdana,sans-serif;
background:#ebeee5;
color:#435572;
cursor:default;
}


.content{
position:relative;
width:900px;
margin:0 auto;
text-align:left;
}
.contener_header{background:#f9f8f3 url(/images/bg-header.jpg) 0 0 repeat-x;}
.contener_menu{background:#4293dd url(/images/bg-menu.jpg) 0 0 repeat-x;}
.contener_main{background:#fff url(/images/bg-main.png) 0 0 repeat-x;}
.contener_footer{background:#ebeee5 url(/images/bg-footer.png) 0 0 repeat-x;}


#header{
background:url(/images/bg-header-inside.jpg) 50% 31px no-repeat;
height:180px;
}
#header #maintitle{
height:31px;
overflow:hidden;
color:#fff;
font-weight:bold;
line-height:31px;
margin:0 0 10px;
}
#header a{
color:#fff;
}


#menu{
height:110px;
overflow:hidden;
background:url(/images/menu-1-link.jpg) 0 0 no-repeat;
}
#menu ul{
margin:0 0 0 33px;
}
#menu ul li{
float:left;
list-style-type:none;
list-style-image:none;
}
#menu ul li a{
display:block;
float:left;
width:167px;
height:110px;
color:#4293dd;
}
#menu ul li a span{
display:none;
}
#menu ul li#item1 a:hover{background:url(/images/menu-1-ha.jpg) 0 0 no-repeat;}
#menu ul li#item2 a:hover{background:url(/images/menu-1-ha.jpg) -167px 0 no-repeat;}
#menu ul li#item3 a:hover{background:url(/images/menu-1-ha.jpg) -334px 0 no-repeat;}
#menu ul li#item4 a:hover{background:url(/images/menu-1-ha.jpg) -501px 0 no-repeat;}
#menu ul li#item5 a:hover{background:url(/images/menu-1-ha.jpg) -668px 0 no-repeat;}
#menu ul li#item1.current a,
#menu ul li#item1.current a:hover{background:url(/images/menu-1-ha.jpg) 0 -110px no-repeat;}
#menu ul li#item2.current a,
#menu ul li#item2.current a:hover{background:url(/images/menu-1-ha.jpg) -167px -110px no-repeat;}
#menu ul li#item3.current a,
#menu ul li#item3.current a:hover{background:url(/images/menu-1-ha.jpg) -334px -110px no-repeat;}
#menu ul li#item4.current a,
#menu ul li#item4.current a:hover{background:url(/images/menu-1-ha.jpg) -501px -110px no-repeat;}
#menu ul li#item5.current a,
#menu ul li#item5.current a:hover{background:url(/images/menu-1-ha.jpg) -668px -110px no-repeat;}


#submenu{
height:43px;
overflow:hidden;
background:url(/images/operes-coeur-top.png) 100% 100% no-repeat;
}
#submenu ul{
margin:0 0 0 33px;
}
#submenu ul li{
float:left;
list-style-type:none;
list-style-image:none;
}
#submenu ul li a{
display:block;
float:left;
text-transform:uppercase;
font:bold 1em/43px "Trebuchet MS",Arial,Helvetica,sans-serif;
padding:0 20px 0 0;
color:#fff;
}
#submenu ul li a span{
display:block;
padding:0 0 0 20px;
}
#submenu ul li a:hover{
color:#000;
}
#submenu ul li.current a,
#submenu ul li.current a:hover{
background:url(/images/submenu-r.png) 100% 0 no-repeat;
color:#000;
}
#submenu ul li.current a span,
#submenu ul li.current a:hover span{
background:url(/images/submenu-l.png) 0 0 no-repeat;
color:#000;
}


#main{
padding:60px 0 30px 50px;
}

#footer{
padding:10px 50px 20px;
text-align:right;
font-size:0.9em;
}
#footer  a{
color:#38495e;
}
#footer  a:hover{
color:#000;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


.col_left{
float:left;
width:434px;
}
.col_right{
float:right;
width:316px;
padding:0 50px 0 0;
}


#coeur{
width:346px;
height:325px;
background:url(/images/operes-coeur+.png) 0 0 no-repeat;
/*margin:-98px 0 20px 2px;*/
margin:-60px 0 20px 2px;
position:relative;
}
#coeur a{
position:absolute;
display:block;
/*margin:89px 0 0;*/
margin:51px 0 0;
width:326px;
height:236px;
}
#coeur a span{
display:none;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


#main h1,
#main h2,
#main h3,
#main h4{
font-weight:bold;
font-size:1.8em;
line-height:120%;
color:#be352d;
margin:0 0 20px;
padding:0 0 10px;
border-bottom:1px solid #ccc9c2;
}
#main h2{
font-size:1.4em;
margin:0 0 10px;
padding:0;
}
#main h3{
font-size:1.2em;
margin:0 0 10px;
padding:0;
border:0;
}
#main h4{
font-size:1.1em;
line-height:140%;
margin:0 0 10px;
padding:0;
border:0;
}
#main a{
text-decoration:underline;
color:#e73f2d;
}
#main a:hover{
color:#be352d;
}
#main p{
margin:0 0 20px;
}
#main .small{
font-size:0.9em;
line-height:140%;
}
#main p.marg{
margin:0 0 10px;
}
#main p.marg0{
margin:0;
}
#main strong,
#main em{
color:#4492dc;
}
#main ul{
list-style-type:disc;
margin:0 0 20px 16px;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


/* vidéos */
#main form input#login{
width:100px;
margin:0 0 14px;
}
/* 424 x 316 */
#main #vidz{
}
#main #vidz .video{
margin:0 0 20px;
}
#main #vidz .video h2{
margin:0 0 10px;
padding:0;
border:0;
}
#main #vidz .video object{
margin:0 0 10px;
}
#main #vidz .video p{
margin:0 0 10px;
padding:10px;
border:1px solid #435572;
}

/* formulaires */
#main form p{
font-size:0.9em;
line-height:140%;
margin:0 0 10px;
color:#4492dc;
}
#main form label{
}
#main form p span.color{
font-weight:bold;
}
#main input,
#main textarea{
width:434px;
margin:0;
padding:2px;
color:#000;
border:1px solid #4492dc;
font:1em Arial,Helvetica,Verdana,sans-serif;
}
#main input:focus{
}
#main textarea{
}
#main textarea:focus{
}
#main input.x{
width:auto;
height:auto;
padding:0;
border:0;
}
#main form p.focus{
color:#c00;
}
#main form p.focus input,
#main form p.focus textarea{
border-color:#c00;
}
#main input#captcha{
width:20px;
text-align:center;
}
#main input:focus#captcha{
}
#main input.submit,
#main form p.focus input.submit{
width:auto;
font-weight:bold;
font-size:1.2em;
text-align:center;
margin:0 0 10px;
padding:4px 10px;
border:1px solid #000;
text-decoration:none;
background:#4492dc;
color:#fff;
}
#main  div.error,
#main  div.ok{
font-weight:bold;
line-height:140%;
padding:10px 10px 10px 80px;
color:#000;
margin:0 0 20px;
background:#feeeee url(/images/icon-error.png) 22px 50% no-repeat;
border:2px solid #c00;
}
#main  div.ok{
background:#eefeee url(/images/icon-ok.png) 22px 50% no-repeat;
border:2px solid #0c0;
}
#main .error ul,
#main .ok p{
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}


/*\/~~\/~~\/~~\/~~\/*\
\*~~/\~~/\~~/\~~/\~~*/


/* tip */
.tipz{
margin:0;
line-height:100%;
}
.tip{
width:185px;
background:url(/images/tips/tip-text.png) 0 0 repeat-y;
}
.tip-top{
background:url(/images/tips/tip-top.png) 0 0 no-repeat;
height:12px;
width:185px;
}
.tip-title{
color:#000;
font-weight:bold;
text-align:center;
padding:0 10px;
margin:0 0 10px;
}
.tip-text{
color:#000;
line-height:120%;
padding:0 10px;
text-align:left;
}
.tip-bottom{
background:url(/images/tips/tip-bottom.png) 0 100% no-repeat;
width:185px;
height:12px;
}