/* intro */
.flash-box {text-align:center; width:100%; margin-top:150px; margin-bottom:100px; margin-left:auto; margin-right:auto;}


#frag-5 li {
	 font-family: Arial, sans-serif;
	 padding-left:20px;
	 font-size: 100%;
	 color: black;
	 list-style-type: none;
	 background: url('../images/border-gold.jpg');
	 background-repeat: no-repeat;
	 background-position: 0 .4em;

}





.group_lien_text {font-size:15px; position:relative; top:-13px; color:white;}


#msgpresident p{
text-align:justify;
padding-top:10px;
text-indent:40px;
}

.symbole-cameroun	{margin-bottom:10px;}

.accroche-intro	{font-style: italic; color:#b57d1c; font-size:110%;}

#fragment-1 ul,#fragment-2 ul,#fragment-3 ul, #fragment-4 ul {margin-left: -5px; padding-left: 20px; padding-top:10px;}
#fragment-1 li,#fragment-2 li,#fragment-3 li, #fragment-4 li {
	 font-family: Arial, sans-serif;
	 padding-left:20px;
	 font-size: 100%;
	 color: black;
	 list-style-type: none;
	 background: url('../images/border-gold.jpg');
	 background-repeat: no-repeat;
	 background-position: 0 .4em;

}
.link-title { color:#b57d1c;}
#fragment-4 li {
	padding-bottom:5px;
}
#fragment-4 .quote-1b{
	padding-top:50px;
}
#fragment-4 .quote-1c{
	color:#212121;
	font-weight:bold;

}
#fragment-4 .quote-h{
	color:#aa6d0b;
	font-weight:bold;
	
}


#fragment-1 p, #fragment-2 p, #fragment-3 p, #fragment-4 p{
text-align:justify;
padding-top:10px;
text-indent:0px;
}


 
.tab-title {font-size:120%;font-weight:bold;}
#tabs-histoire .tab-title {font-size:100%;font-weight:bold;}
.flash-box 	{text-align:center; width:100%; margin-top:80px; margin-bottom:100px; text-align:center; margin-left:auto; margin-right:auto;}



#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:8;
}

.cnoc { font-size: 70%; }

.lien 			{text-decoration:underline; color:#b57d1c; float:right;}
.lien :hover		{text-decoration:underline; color:#b57d1c;}
.lien :active	{text-decoration:underline; color:#b57d1c;}
.lien :visited	{text-decoration:underline; color:#b57d1c;}

.toggleSubMenu .subMenu { 
      margin: 0; 
      padding: 0; 
      } 

.toggleSubMenu .subMenu li.submenu1-1{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:60px;
	  left:2px;	 
	  z-index:9;}	 
	  
.toggleSubMenu .subMenu li.submenu1-1 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu1-2 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu1-3 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu1-4 a	{font-size:90%;}

.toggleSubMenu .subMenu li.submenu2-1 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu2-2 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu2-3 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu2-4 a	{font-size:90%;}

.toggleSubMenu .subMenu li.submenu3-1 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-2 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-3 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-4 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-5 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-6 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-7 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-8 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-9 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-10 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu3-11 a	{font-size:90%;}

.toggleSubMenu .subMenu li.submenu4-1 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu4-2 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu4-3 a	{font-size:90%;}
.toggleSubMenu .subMenu li.submenu4-4 a	{font-size:90%;}


.toggleSubMenu .subMenu li.submenu1-2{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:80px;
	  left:2px;	 
	  z-index:9;}	

.toggleSubMenu .subMenu li.submenu1-3{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:100px;
	  left:2px;	 
	  z-index:9;}	

.toggleSubMenu .subMenu li.submenu1-4{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:120px;
	  left:2px;	 
	  z-index:9;}	
	  
.toggleSubMenu .subMenu li.submenu2-1{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:60px;
	  left:120px;	 
	  z-index:9;}	 

.toggleSubMenu .subMenu li.submenu2-2{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:80px;
	  left:120px;	 
	  z-index:9;}	

.toggleSubMenu .subMenu li.submenu2-3{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:100px;
	  left:120px;	 
	  z-index:9;}	
	  
.toggleSubMenu .subMenu li.submenu2-4{ 	  
	  position:absolute;
	  background-color:black;
	  float:left;
	  top:120px;
	  left:120px;	 
	  z-index:9;}	

.toggleSubMenu .subMenu li.submenu3-1{position:absolute; background-color:black; float:left; top:60px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-2{position:absolute; background-color:black; float:left; top:80px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-3{position:absolute; background-color:black; float:left; top:100px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-4{position:absolute; background-color:black; float:left; top:120px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-5{position:absolute; background-color:black; float:left; top:140px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-6{position:absolute; background-color:black; float:left; top:160px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-7{position:absolute; background-color:black; float:left; top:180px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-8{position:absolute; background-color:black; float:left; top:200px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-9{position:absolute; background-color:black; float:left; top:220px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-10{position:absolute; background-color:black; float:left; top:240px; left:235px; z-index:9;}	 
.toggleSubMenu .subMenu li.submenu3-11{position:absolute; background-color:black; float:left; top:260px; left:235px; z-index:9;}	 

	  

.toggleSubMenu .subMenu li.submenu4-1{position:absolute; background-color:black;float:left; top:60px; left:430px; width:150px; z-index:9; }
.toggleSubMenu .subMenu li.submenu4-2{position:absolute; background-color:black;float:left; top:80px; left:430px; width:120px; z-index:9;}	  
.toggleSubMenu .subMenu li.submenu4-3{position:absolute; background-color:black;float:left; top:100px; left:430px; width:120px; z-index:9;}
.toggleSubMenu .subMenu li.submenu4-4{position:absolute; background-color:black;float:left; top:120px; left:430px; width:120px; z-index:9;}
.toggleSubMenu .subMenu li.submenu4-5{position:absolute; background-color:black;float:left; top:140px; left:430px; width:120px; z-index:9;}
.toggleSubMenu .subMenu li.submenu4-6{position:absolute; background-color:black;float:left; top:160px; left:430px; width:120px; z-index:9;}
	  


#slider1Content {
	z-index:9;
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	z-index:9;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	z-index:9;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
	z-index:9;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
	z-index:9;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
	z-index:9;
}
ul { list-style-type: none;}



#module-news-scroller { 
width:200px;
height: 250px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:40px auto; 
border: 1px solid black;
}

#module-news-scroller a { text-decoration:none; }
#module-news-scroller img { border: 2px solid #FFFFFF; width: 110px; margin-left:18px;}

#module-news-scroller .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.news-scroller-jcarousellite { width:200px; height:100px; }
.news-scroller-jcarousellite ul li{ list-style:none; display:block; padding-bottom:5px; margin-bottom:5px; padding-top:10px; border-top: 1px solid grey;}
.news-scroller-jcarousellite .thumbnail { float:left; width:110px; padding-top:5px; }
.news-scroller-jcarousellite .info { float:right; width:190px;}
.news-scroller-jcarousellite .info span.cat { display: block; font-size:10px; color:white; padding-top:4px;}





html{color:#FFF;background:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

#blog h2	{margin-left:-20px;}

#bordure-footer {background:url(../images/border-gold.jpg) no-repeat; 
				background-repeat:repeat-x; width:600px; height:18px;
				margin-top:-50px; margin-bottom:8px;
				position:relative; margin-left:auto; margin-right:auto;}

body {
	text-align:center;
}
a {
	text-decoration:none;
}
a:hover{
text-decoration:underline}

#wrap {
	width:980px;
	text-align:left;
	margin:0 auto;}
	
.portrait	{height:80px; border:3px solid black; float:left; margin-top:10px; margin-right:10px;}
.portrait4x4	{height:80px; border:3px solid black;  margin-top:10px; margin-right:10px;}

.portrait4x4-hommes-histoire {height:80px; border:3px solid black;  margin-top:10px; margin-right:10px; float:left; margin-bottom:10px;}
.portrait4x4-hommes-histoire-tiny {height:60px; border:2px solid black;  margin-top:5px; margin-right:5px; float:left; margin-bottom:5px;}
.portrait4x4-hommes-histoire-big {height:120px; border:2px solid black;  margin-top:5px; margin-right:15px; float:left; margin-bottom:5px;}
.group_portrait {text-align:center;}

#logo	{float:left; margin-top:-40px; margin-right:-180px; }

#flammes	{position:relative; left:300px; top:-145px;}

#titre-cinquantenaire	{margin-left:-37px;}

#titre-slogan	{margin-left:-35px; font-style:italic; font-size:120%;}

.slogan-1		{position:relative; top:0px; font-style:italic;}
.slogan-2		{position:relative; top:3px; font-style:italic;}
.slogan-3		{position:relative; top:6px; font-style:italic;}
.slogan-4		{position:relative; top:9px; font-style:italic;}

.puce-video		{float:left; margin-left:3px; margin-top:3px; }
.section-titre	{font-size:120%; font-weight:bold; left:5px; position:relative; display:block; top:8px; height:35px;}
.section-titre-2	{font-size:120%; font-weight:bold; left:10px; position:relative; display:block; top:8px; height:35px;}

#boite-tire	{display:block; margin-left:auto; margin-right:auto; width:980px; text-align:center; }

#header {
	background-repeat : repeat-x; 
	padding-top:30px;
	height:136px;
	background:url(../images/header-bg.jpg);
}
#header a {
	color:#FFF;
	font-weight:700;
}
#separation	{
	height:10px;
	margin-top:-5px;
	background-image: url(../images/border-gold.jpg); background-repeat:repeat-x; 
	background-position: bottom;}

#header h1 {font-size:38px; font-weight:bold; font-family:arial;padding-top: 10px; color: #aa6d0b; padding-left: 40px;}
#header h1 span{font-size:16px; font-weight:none; color: black; }
#logo {
	padding-left:60px;
	padding-top:22px;
}
ul#nav {
	padding-left:80px;
	padding-top:18px;
	overflow:hidden;
}
ul#nav li {
	float:left;
	height:50px;
	
}
ul#nav li a{
height:50px;
padding:0px 35px;
line-height:32px
}

ul#nav li a:hover{
background:url(../images/nav_hover.gif) no-repeat;
height:40px;
padding:8px 35px;
line-height:32px

}


#content {
	padding:0 30px;
}
#content #left {
	width:510px;
	float:left;
	font-size:13px;
}
#content #left h2 {
	font-size:30px;
	padding-bottom:20px;
}
#content #right {
	width:190px;
	float:right;
	padding-bottom:30px;
}
#gallery {
	margin-top:15px;
	width:500px;
}

#section-partenaire {
	margin-top:13px;
	margin-left:20px;
	background-color:grey;
	height:110px;
}
#section-partenaire ul {
	padding-top:0px;
}

#section-partenaire li  {
	text-align:center;
}

#section-partenaire  li a {
	text-align:center;
	line-height:20px;
	font-size:110%;
	text-decoration:underline;
	color:#ef9e06;
}
#section-partenaire  li a:hover {
	text-decoration:none;
	color:#9D6F4F;}
	
#section-forum {
	margin-top:13px;
	margin-left:20px;
	background-color:grey;
	height:35px;
}
	
#section-forum ul {
	padding-top:0px;}

#section-forum li  {
	text-align:center;}

#section-forum  li a {
	text-align:center;
	line-height:20px;
	font-size:110%;
	text-decoration:underline;
	color:#ef9e06;}
	
#section-forum  li a:hover {
	text-decoration:none;
	color:#9D6F4F;}

#section {
	margin-top:13px;
	margin-left:20px;
	background-color:grey;
	height:170px;
}
#section ul {
	padding-top:0px;
}

#section li  {
	text-align:center;
}

#section li a {
	text-align:center;
	line-height:20px;
	font-size:110%;
	text-decoration:underline;
	color:#ef9e06;
}
#section li a:hover {
	text-decoration:none;
	color:#9D6F4F;
}
#footer {
	clear:both;
	height:138px;
	text-align:center;
}
#footer #ftlink {
	padding-top:70px;
}
#ftlink, #copyright {
	padding-bottom:8px;
}
#copyright a {color:#000000}
#copyright a:hover {
 text-decoration: underline;
 }
#ftlink, #ftlink a {
	color:#ef9e06;
}
#ftlink  a:hover {
	text-decoration: underline;
	color:#9D6F4F;
}
#blog {
	width:700px;
	background-color:#212121;
	padding:0px 20px 10px 20px;
	height:auto;

	margin-top:13px;
}
#blog h2 {
	margin-bottom:-10px;
	padding:15px 20px 0;
	color:#b57d1c;}
	
#blog .quote {
	color:#8a6f00;
	width:800px;
}
#blog .quote-1 {
	color:#8a6f00;
	width:800px;
	font-weight:bold;
	text-indent:0px;
}
#blog .quote-1b {
	color:#8a6f00;
	width:800px;
	font-size:120%;
	text-indent:0px;
	font-weight:bold;
}

#blog .quote-2 {
	color:#000000;
	width:800px;
	font-size:90%;
	font-weight:bold;
}
#blog .quote-subtitle{ 
	text-indent:40px;
	color:#000000;
	font-size:100%;
	font-weight:bold;
}
#blog .first {
	
}
.blog {
	padding:25px 30px 15px;
}
#right h2 {
	font-size:24px;
	padding:10px 0 0 15px;
}
/* ---------------- lavalamp ----------------  */
       
#espace-menu	{position: relative;
			height:0px;
            width: 915px;
            padding: 15px;
            margin: 0px 0;}
	   
         .lavaLampBottomStyle {
            position: absolute;
			height:150px;
            width: 915px;
            background: url("../images/bg.gif") no-repeat top;
            padding: 15px;
            margin: 0px 0;
			top:118px;
			overflow: hidden;
			z-index:9;
           
        }
                .lavaLampBottomStyle li {
					float: left;
					margin-left:13.6px;
					margin-right:13.6px;
                    list-style: none;
					z-index: 9;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 8px solid #b57d1c;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
						margin-left:0px;
						
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
						font: bold 14.7px arial;
                        text-decoration: none;
                        color: white;
                        outline: none;
                        text-align: center;
                        top: 2px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 9;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 14px; 
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
							z-index: 9;
                        }                     
						
						
					

#gallery a{
	text-decoration:none;
	color:#f30;	
}
#gallery p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
#gallery pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#gallery img{border:none;}
#gallery ul,li{
	margin:0;
	padding:0;
}
#gallery li{
	
	

	margin-right:10px;
}



/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	

#liens-utiles {
text-align:left;
}


.contacttext {
	float:left;
	width:100px;
	text-align:right;
}
.contactinput {
	float:left;
	margin-left:10px;
}