/*
BOF
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
reset styles version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; z-index:3}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* EOF */
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

body{
		background:url(../images/bg.jpg) no-repeat; 
		background-position: center 0;
		background-attachment:fixed;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333;
	}
	
#cb{	margin:0 auto; 
		width:969px;
		text-align:left;
	}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:underline}
a img{ border:none}
h1{ font-size:20px; font-weight:bolder; font:Verdana, Arial, Helvetica, sans-serif; border-bottom:3px solid #4389b8; padding-bottom:4px; margin-bottom:15px; padding-top:15px }
h1 b{color:#4389b8}

p{ line-height:150%; margin-top:15px;}

.photodescription{ text-align:center; font-style:italic}
.formborder{border-top:1px solid #333; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #333}
.textinput{ width:140px; height:16px; padding:2px 5px}
.infocontact{ font-size:16px; border-bottom:4px dotted #666; padding:20px 0; margin:10px}
#preheader{ height:38px}
#flags{ float:right; margin:4px 40px 5px 0}
#flags img{ padding-left:10px}

#header{ height:314px}


#menu{ float:left; width:276px; height:281px;  background: url(../images/menubg.jpg) repeat-x; margin-left:13px; margin-right:13px;_margin-left:0px; _margin-right:0px; }
#menu ul{ margin-top:80px}
#menu ul li a{ text-align:center; width:216px; font-size:20px; margin:15px auto; padding-bottom:15px; display:block; text-decoration:none; color:#4389B8; font-weight:bolder; border-bottom:1px solid #4389b8}
#menu ul li a:hover{ color:#000; text-decoration:underline}

#main{ border-bottom:3px solid #4389b8; padding-bottom:4px; height:450px}

#left{ float:left; width:279px; margin-left:5px; margin-right:5px; height:450px}
#left h1{ margin-left:5px; width:265px}
#central { margin-right:15px;}
#central h1{ width:658px; margin-left:290px}
#floatleft { float:right; text-align:center; color:#4389b8; font-weight:bold; line-height:200%}

#scrolltext{ overflow:auto; height:150px; width:274px; margin-top:5px}

#footer{ text-align:center; margin-top:20px}
#footer ul li{ display:inline; line-height:40px; margin:0 5px}

ul#menus{ height:400px}
ul#menus li a{text-align:center; width:216px; font-size:18px; margin:15px auto; padding-bottom:8px; display:block}
ul#menus li a:hover{ color:#4389b8; text-decoration:underline}

#cartes{ background:url(/images/carte-bg.jpg) no-repeat; width:658px; height:279px; margin-left:290px}
#cartes ul#menu2{ border-right:1px solid #4389b8; height:216px; margin-top:36px; float:left; width:207px}
#cartes ul#menu2 li a{ display:block; font-size:18px; text-align:center; padding:10px; text-decoration:none; color:#333;}
#cartes ul#menu2 li a:hover{ color:#4389b8; text-decoration:underline}

.cartecontent{ text-align:center; overflow:auto; height:279px; display:none}
.cartecontent h2{ font-weight:bold; font-size:18px; padding:8px}
.cartecontent h3{font-size:14px; padding:5px; font-weight:bold}
.cartecontent li{ font-size:12px; padding:3px}
.cartecontent ul li{ margin-top:10px}


#formulaire{ padding-left:67px; padding-top:38px;width:660px; margin:50px 10px 20px 290px; height:400px;background:url(/images/formbg.jpg)  no-repeat}
#formulaire table tr td{ text-align:center; }

#videonav{ margin-left:470px;}
#videonav li{ float:left;}
#videonav li a{padding:0 30px; color:#333; font-weight:bold; font-size:14px }
#videonav li a#selected{ color:#4389b8;text-decoration:underline}