/*structure*/
html,body,form {margin:0; padding:0; border:0 none; font:normal 12px/16px 'Helvetica', 'Arial', sans-serif; color:#333; text-align:left;background:#FFF;}
p, img, h1, h2, h3{margin:0; padding:0; border:0 none;}
h1{font-size:22px; font-weight:bold; color:#333; line-height:30px;}
h2{font-size:14px; font-weight:bold; color:#333; padding-bottom:3px; padding-top:3px; padding-left:2px}
h3{font-size:12px; font-weight:bold; color:#999;}
a {text-decoration:none; color:#999;}
a:hover{color:#333;}
a#active{color:#333;}
#menu a#active{color:#333;}
#nav a:hover{color:#666;}

#top{ width:800px; height:100px; border-bottom:2px dotted #d9d9d9; float:right;margin:0;padding:0; vertical-align:bottom}

.font_12{font-size:12px;}
.tagger { border-bottom:2px dotted #d9d9d9; padding:10px 2px 10px 2px; }

.bilan{font:normal 10px/11px 'Helvetica', 'Arial', sans-serif;color:#bbb;}

.code {font:normal 12px/14px 'Courrier', monospace;text-align:left;padding:10px}

input{border:1px solid #999; font:normal 10px/12px 'Helvetica', 'Arial', sans-serif;}
input.submit{ cursor: pointer;width:auto;margin:5px}
input.submit{background:#b2b2b2; color:#fff; margin:0; padding:1px 2px 1px 2px !important;padding:2px 2px 1px 2px; border:0 none;}
input.submit:hover{color:#fff;background:#000; border:0 none;}
input#mail { width:200px }

#mtitle {float:left;padding:60px 0 0 20px;margin:0;}
#newsletter{float:right;margin:0; color:#333; padding:70px 0 0 0;width:300px;height:40px;}
#newsletter form{float:right;color:#333;text-align:left;height:20px;margin:0;padding:0;}
#newsletter #msg {padding:0;margin:0}

#all_top{width:auto; height:auto; border-bottom:2px dotted #d9d9d9; float:left; margin:0 0 14px 0;}
#logo{width:0px; height:150px;float:left;background: url(/gfx/logo-lalliance.gif) no-repeat 15px 56px;}
#logo a{display:block;width:0px; height:150px;}

#container{margin:0 auto; text-align:left; position:relative; width:800px; clear:both;z-index:1;}

/*navigation*/
#nav{float:left; margin:0 auto; position:relative;}
#nav ul{list-style:none none; text-align:center;margin:0; padding:0 0 0 13px; border:0 none;float:left}
#nav li{float:left;margin:0; font-size:12px;padding:10px 7px 10px 7px;}

/*pages*/
#content{float:left; width:800px; clear:both;border:0 none;padding:0;margin:0;}
#content_notes{float:left; width:800px !important;width:855px; clear:both;border:0 none;padding:0;margin:0;}

/*footer*/
#footer, #footer_page{float:left;color:#ccc;border-top:2px dotted #d9d9d9;font-size:9px;}
#footer {width:800px;position:relative;clear:both;}
#footer_page {padding:0 0 0 150px; margin:5px 0 0 0; width:650px;}
#footer a, #footer_page a{color:#aaa;}
#footer a:hover,  #footer_page a:hover{color:#777;}
/*divers*/
.warning{border:2px solid red;}

#roughText { padding:10px 0 0 20px; text-align:left}

.contactform {text-align:left; padding-top:10px }








/*home*/

a{color:#999;}
a:hover{color:#bbb;}

#intro {text-align:left;width:auto; margin:0 0 7px 0; padding:0 0 10px 20px; font-weight:bold; border-bottom:2px dotted #d9d9d9;}

/**********GAUCHE************/
#bloc_left{float:left; margin:0;padding:0; width:330px;}

#video{width:320px; height:240px;}

#bloc_sousvideo{width:319px; border-right:2px dotted #d9d9d9;padding:0 0 10px 0;margin:1px 0 5px 0;float:left}

#link_propal a, #link_videos a{font-size:12px;color:#333}
#link_propal a:hover, #link_videos a:hover{font-size:12px;color:#999}

#bloc_sousvideo span#link_videos{display:block;width:auto;padding:0 7px 9px 0;margin:0 7px 5px 0; border-bottom:2px dotted #d9d9d9;}
#bloc_sousvideo span#link_videos img{float:left; border-right:8px solid #fff;}

#link_propal{ background:transparent url(puce-proposition.gif) no-repeat 0 0; width:20px; height:35px;}
/*#link_videos{ background:transparent url(/gfx/home/puce-videos.gif) no-repeat 0 0;}*/

.news{/*border-top:2px dotted #d9d9d9;*/padding:0 0 0 2px;margin:0 10px 0 0;}
.news img{border-bottom:5px solid #fff;}

#propositions{float:left; width:300px; margin:0; padding:9px 10px 0 0; border-top:2px dotted #d9d9d9;position:relative;text-align:justify}
#propositions p, #blog p, #news p{padding:3px 0 0 0;}

/**********DROITE************/
#bloc_right{float:right; width:465px; margin:0;padding:0;text-align:left;}

.notes{border:0 none; margin:0; padding:10px 0 10px 0; width:auto;text-align:justify}
.notes h1{margin:0 0 5px 0;}
.notesparti_home{float:left;width:300px;height:120px;padding: 0 0 20px 0;}
.candidat a{font:normal 20px/20px 'Helvetica', 'Arial', sans-serif;color:#333;}
.candidat a:hover{color:#999;}



#bottom_right{clear:both;float:left;position:relative;margin:0 0 5px 0}


.faded {filter:alpha(opacity=50);opacity:.60;}
.restored {filter:alpha(opacity=100);opacity:1;}




.petitnuage  {line-height:15px;font: normal small verdana, arial, helvetica, sans-serif; text-align: justify; border:1px dotted #d9d9d9;; padding:10px; position:relative; background-color:#fff}
.petitnuage a {text-decoration:none}
.petitnuage a:hover {color: white; background-color: #668AA8;}
.petitnuage .scld0 {font-size:8px;color:#DFDFDF; cursor:pointer}
.petitnuage .scld1 {font-size:9px;color:#B8C9D6; cursor:pointer}
.petitnuage .scld2 {font-size:10px;color:#668AA8; cursor:pointer}
.petitnuage .scld3 {font-size:11px;color:#47657B; cursor:pointer}
.petitnuage .scld4 {font-size:12px;color:#E76300; cursor:pointer}
.petitnuage .scld5 {font-size:13px;color:#E76300; cursor:pointer}
.petitnuage .scld6 {font-size:14px;color:#E76300; cursor:pointer}
.petitnuage .scld7 {font-size:15px;color:#E76300; cursor:pointer}
.petitnuage .scld8 {font-size:16px;color:#E76300; cursor:pointer}
.petitnuage .scld9 {font-size:17px;color:#E76300;font-weight: bold; cursor:pointer}
.petitnuage .scld10 {font-size:18px;color:#FF3300;font-weight: bold; cursor:pointer}
.petitnuage_titre {font: normal small verdana, arial, helvetica, sans-serif; font-size:18px;color:#cc0000;font-weight: bold;text-decoration:none;}


