* {
	margin:0;
	padding:0;
}
body{
	background-color:#FDFDFD;
        background-image:url(http://www.fondationdesartsvivants.ma/images/arierplanbody_02.jpg);
	background-repeat:repeat-x;
        font-family: verdana, Trebuchet MS, sans-serif;
	font-size:0.8em;
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;


}




h1 {
	width:589px;
	float:left;
	padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
        text-decoration:none;
	font-weight:bold;
	color:#B50000;
	text-align:left;
}
	





h2 {
	padding-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#B50000;
	text-align:left;
}

h3 {
	padding-bottom:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#C73A90;
	text-align:left;
}
#firstbloc {
	width:998px;
}
#firstbloc-left {
	width:65px;
	float:left;
}
#imgleft {
	padding-top:268px;
}
#imgreght {
	padding-top:198px;
}
#firstbloc-center {
	width:887px;
	float:left;
}
#firstbloc-uper {
	width:887px;
	height:109px;
	float:left;
}
#firstbloc-uper1 {
	width:320px;
	float:left;
}
#firstbloc-uper2 {
	width:226px;
	float:left;
	padding-left:338px;
}
#newsletter {
	height:26px;
	background-color:#1A171B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	padding-left:3px;
}
#menu-top {
	width:888px;
	padding-left:0px;
	padding-top:4px;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	height:23px;
 background-image:url(http://www.fondationdesartsvivants.ma/images/raw02.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000000;
	float:left; 
        position: relative;
}
#menu-top a {
	width:149px;
	height:23px;
	/*float:left;*/
	text-decoration:none;
	color:#FFFFFF;
	padding-top:2px;
}



#menu-top .accueil-hover {
	background-color:#ffffff;
	color:#000000;
width:147px;
}
#menu-top .formation-hover {
	background-color:#FFAB00;
}
#menu-top .presentation-hover {
	background-color:#FF0000;
}
#menu-top .creation-hover {
	background-color:#C73A90;
}
#menu-top .evenement-hover {
	background-color:#B5CF03;
}
#menu-top .Partenariat-hover {
	background-color:#3155AD;
}
#menu-top .Contact-hover {
	background-color:#767475;
}

#menu-top .accueil:hover {
	background-color:#ffffff;
	color:#000000;
width:147px;
}
#menu-top .accueil:first-letter {
	color:#ffffff;
}
#menu-top .accueil:hover:first-letter {
	color:#000000;
}
#menu-top .formation:hover {
	background-color:#FFAB00;
}
#menu-top .presentation:hover {
	background-color:#FF0000;
}
#menu-top .creation:hover {
	background-color:#C73A90;

}
#menu-top .Partenariat:hover {
	background-color:#3155AD;
}

#menu-top .Contact:hover {
	background-color:#767475;
}
#menu-top .evenement:hover {
	background-color:#B5CF03;
}
#menu-top .creation:first-letter {
	color:#C73A90;
}
#menu-top .presentation:first-letter {
	color:#FF0000;
}
#menu-top .formation:first-letter {
	color:#FFAB00;
}
#menu-top .evenement:first-letter {
	color:#B5CF03;
}
#menu-top .Partenariat:first-letter {
	color:#3155AD;
}
#menu-top .Contact:first-letter {
	background-color:#767475;
}

#menu-top .formation:hover:first-letter, #menu-top .creation:hover:first-letter, #menu-top .evenement:hover:first-letter, #menu-top .Partenariat:hover:first-letter, #menu-top .Contact:hover:first-letter, #menu-top .presentation:hover:first-letter {
	color:#ffffff;
}




#firstbloc-flash {
	width:887px;
	height:219px;
	float:left;
	margin-top:1px;
}
#firstbloc-rieght {
	width:46px;
	float:left;
}
#firstbloc-pres {
	width:827px;
	height:130px;
	float:left;
 background-image:url(http://www.fondationdesartsvivants.ma/images/bagpre_17.jpg);
	background-repeat:repeat-x;
	padding-left:30px;
	padding-right:30px;
	padding-top:14px;
	background-color:#EDEDED;
}
#firstbloc-pres .titres {
	font-family:Verdana;
	font-size:17px;
	font-weight:bold;
	color:#FFAB00;
	text-align:left;
}
#firstbloc-pres .text {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#060606;
	text-align:justify;
}



#firstbloc-pres .text  a {
	color:#FFAB00;
	text-decoration:none;
}

#firstbloc-pres .text  a:hover {
	color:#C73A90;
	text-decoration:none;
}



#firstbloc-cal {
 background-image:url(http://www.fondationdesartsvivants.ma/images/bagcal_21.jpg);
	background-repeat:no-repeat;
	height:203px;
	width:887px;
	float:left;
}
#calendrie {
	width:404px;
	float:left;
}
#calendrie .calendrie-titre {
	width:316px;
	float:left;
	padding-left:88px;
	text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-bottom:20px;
	padding-top:30px;
}
#calendrie .calendrie-txt {
	width:324px;
	float:left;
	padding-left:40px;
	padding-right:40px;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
color:#C73A90;
	font-weight:normal;
}
#left-cal .calendrie-txt span{color:#b50000;
font-weight:bold;}
#calendrie a {
	color:#C73A90;
	text-decoration:none;
}

#txtpre a:hover {
	color:#FFAB00;
	text-decoration:none;
}


#phototech {
	width:483px;
	float:left;
}
#phototech .phototech-titre {
	width:428px;
	float:left;
	padding-left:17px;
	text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-bottom:4px;
	padding-top:5px;
}

#phototech .phototech-titre1 {
	width:428px;
	float:left;
	padding-left:55px;
	text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-bottom:21px;
	padding-top:24px;
}
#phototech .phototech-txt {
	width:436px;
	float:left;
	padding-left:15px;
	padding-right:32px;
}
#firstbloc-footer {
	width:887px;
	padding-left:19px;
	height:59px;
 background-image:url(http://www.fondationdesartsvivants.ma/images/fav_12.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#left-footer {
	width:80px;
	float:left;
	padding-top:16px;
}
#reght-footer {
	width:807px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#484747;
	padding-top:28px;
}
#centre {
	width:887px;
	float:left;
	background-color:#FFFFFF;
 background-image:url(http://www.fondationdesartsvivants.ma/images/bigabiga_05.jpg);
	background-repeat:repeat-x;
}
#centre-contenu {
	width:400px;
	float:left;
 background-image:url(http://www.fondationdesartsvivants.ma/images/contenubag_03.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:30px;

	padding-top:14px;
	padding-bottom:14px;
}
#txt-contenu {
	width:589px;
	float:left;
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#060606;
	text-align:justify;
}

#txt-contenu li {list-style-type:disc; width:450px ; vertical-align:top; margin-left:44px; padding:2px;
}
}
#txt-contenu ul {margin-left:40px; width:auto;}


#txt-contenu a {
	color:#b50000;
	
}
/*#txt-contenu a:hover {
	color:#C73A90;
	text-decoration:none;
}*/




#left-bar {
	width:240px;
	float:right;
padding-left:8px;
}
#left-cal {
	width:248px;
	float:left;
	/*height:180px;*/
        height:150px;
	margin-top:11px;
	border-left:3px;
	border-left-style:solid;
	border-left-color:#b50000;
}
#left-cal .calendrie-titre {
	width:241px;
	float:left;
	padding-left:7px;
	text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#b50000;
	padding-top:5px;
	padding-bottom:12px;
}
#left-cal .calendrie-txt {
	width:222px;
	float:left;
	padding-left:7px;
	padding-right:19px;
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
}
#left-cal a {
	color:#B50000;
	text-decoration:none;
}
#left-cal a:hover {
	color:#B50000;
	text-decoration:none;
}
#left-photo {
	width:248px;
	float:left;
	height:133px;
	margin-top:14px;
	border-left:3px;
	border-left-style:solid;
	border-left-color:#B5CF03;
}
#left-photo .phototech-titre {
	width:241px;
	float:left;
	padding-left:7px;
	text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-bottom:7px;
}
#left-photo .phototech-txt {
	width:222px;
	float:left;
	padding-left:7px;
	padding-right:19px;
}
#footer {
	width:100%;
	height:149px;
 background-image:url(http://www.fondationdesartsvivants.ma/images/fotebas_31.jpg);
	background-repeat:repeat-x;
	float:left;
}
/* declaration d sousmenus */




	
.swateam {
	width: 160px;
	height:160px;
	border-color:#ebebeb;
	background-color:#EFEFEF;
	border-style:solid;
	border-width:3px;
	margin:2px;
	color:#646464;
	font-family: Trebuchet MS;
	text-decoration:none;
	font-size:11px;
	padding-right:3px;
}
.swateam a {
	color:#F5821F;
	font-family: Trebuchet MS;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.swateam h3 {
	font-size:13px;
}
.swateam td {
	text-align:center;
}
.swateam img {
	margin:5px;
}






dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	width:100%;
}
#menu {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top:3px;
	left: 0px;
	z-index:100;
	width: 894px;
	height:21px; /* correction pour Opera */
}
#menu dl {
	float: left;
	width: 148px;
        
}
#menu dt {
	xcursor: pointer;
	xtext-align: center;
	xfont-weight: bold;
	xbackground: #ccc;
        margin:0px;
        padding:0px;

}
#menu dd {
        font-weight: normal;
	display: none;
}
#menu dd li a {
    height:auto;
    padding:2px;
    text-align:left;
    width:143px;
    font-family:Verdana;
    font-size:11px; 
    border-bottom:solid 1px #fff;
}


#menu dd li a:hover {
background-color:#EEEEEE;
color:#000000; font-family:Verdana;
	font-size:11px;
}


#menu li {
	text-align: center;
	background: #fff;
}

#menu li a, #menu dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	height:21px;
        width:148px;
        margin:0px;
        padding-top:3px;
       text-align:center;
float:right;
}
#news {
}

.newsticker {
        list-style-type: none;
        text-align:justify;
        padding: 0px;
        margin: 0;
}



/** modificaion 2010-09-30 **/ 

 #page_accueil h1,  #page_accueil h2,  #page_accueil h3,   #page_accueil ul  { margin : 10px 0px; }  


 #bt_accueil  { background: #FEDA03; color:black; display:block;  font-size:10px; font-weight:bold; padding:7px 13px; position:absolute; right:230px; text-decoration:none; top:0; }  

/** modificaion 2010-10-06 **/ 

  /** DEB général depuis 2010-10-06 **/ 
    
     .pages {}      
     .pages h1 , .pages h2 , .pages h3   { margin : 15px 0px; } 
     .pages h3 { font-size : 15px; }

  /** FIN général depuis 2010-10-06 **/

 /**Deb page presentation :  **/
    .pp_link  { margin : 10px 0px; font-size : 13px; display : block ; font-weight : bold   }
 /**FIN  page presentation :  **/


/** DEB modificaion 2010-10-20 **/  
  /** page accueil  **/
   
  
a#title_tous-en-scene { display:block; color:#F60; margin:20px auto; text-align:center; text-decoration:none; font-size:20px; font-weight:bold; width: 318px;    }  

/** FIN modificaion 2010-10-20 **/ 
 
 #txt-contenu a.important_link { color : #fb8a1d; font-weight : bold; font-size: 15px;   } 


 #left-video { width:240px;  border-left : 3px solid  #eb8500;   text-align:center; font-weight: bold; margin 3px 0px; margin: 0px 0px 5px;  }
 #left-video #lv-titre { text-align : left;  } 
 #left-video #lv-titre span {  position:relative; color: #eb8500; font-size: 13px;  text-transform : uppercase; float : right; display: block ; width : 184px; margin : 10px 5px 10px 0px ;     } 
 #left-video #lv-titre img { position:relative; top:10px; border:none; margin-left : 5px; float : left;      } 
  
 #left-video #lv-download  { color:#eb8500; font-size:14px ; font-weight: bold; text-decoration: none;   } 
 #left-video #lv-download img  {  position:relative; top:10px; border:none;      } 


  
/** DEB modificaion 2010-12-21 : Capoeira **/   

   #page_Capoeira {} 
   #page_Capoeira  #pc_header {  }  
   #pc_header h1 , #pc_header h2 ,  #pc_header h3   { text-align : center ; margin : 5px 0px;   }
   #page_Capoeira  #pc_images  { margin-top: 20px; }   
   #page_Capoeira  #pc_images img { margin-right : 8px;} 
   #page_Capoeira  #pc_images a { cursor : pointer ; } 



#album {text-align:left;}
#album span {color: #EB8500;font-size: 13px;margin: 10px 5px 10px 0;text-transform: uppercase; font-weight:bold;}