/***************************** Body */
html,body {
	background-color: #001C66;
	color: #CDD2FF;
	margin:0; 
	padding:0;
}

/***************************** Les Polices*/
* {
	font-family: century gothic, helvetica, sans-serif;
	color: #CDD2FF;
	font-size: 13px;
	letter-spacing:0.25px;
}

span {
display:none;
}

/***************************** Les Acronymes*/
abbr, acronym, .help {
 border-bottom: 1px dotted;
 cursor: help;
}
 
/***************************** Le Container Général */
#container {
width:1003px;
}

/***************************** Les listes */
menu ul {list-style-type: none;}
menu li { float: left;}

/***************************** Header */
#header {
position:absolute;
background-image: url(/images/header.jpg);
width:1003px;
height:78px;
}

#header h1 {
overflow: hidden;
}

/***************************** Sous-Header */
#sheader {
position:absolute;
background-image: url(/images/sheader.jpg);
width:1003px;
height:29px;
top:78px;
}

#header h1 {
overflow: hidden;
}

/***************************** Logo */
#logo {
position:absolute;
top:107px;
background-image: url(/images/logo.jpg);
width:229px;
height:411px;
}

/***************************** Sous-Header de l'INDEX*/
#sheader_index {
position:absolute;
background-image: url(../images/sheader.jpg);
width:838px;
height:33px;
top:89px;
left:163px;
}

/***************************** Logo de l'INDEX*/
#logo_index {
position:absolute;
top:89px;
background-image: url(../images/logo.jpg);
width:164px;
height:487px;
}

/***************************** Menu */
.menu {
position:absolute;
top:75px;
right:19px;
}

.menu a{
     font-weight: bold;
     font-size:14px;
}

#menuhome a{
     background-color: #006699;
     color: #000;
}

.menusahaja a{
     background-color: #BEE25E;
     color: #000;
}

.menumataji a{
     background-color: #C730A1;
     color: #000;
}

.menuexp a {
     background-color: #83CAE6;
     color: #FFF;
}

.menucontact a{
     background-color: #FFB600;
     color: #000;
}

.menuculture a{
     background-color: #f26848;
     color: #000;
}

.menuint a{
     background-color: #F4E806;
     color: #000;
}

div.menu a {
     margin: 0 2px;
     width: 100px;
     height: 17px;
     float: left;
     display: block;
     text-align: center;

     text-decoration: none;
}
	 
div.menu a:hover {
     border: 1px solid red;
}

/***************************** Général Presentation */
#presentation img {
border:none;
}

#presentation h1 {
margin:0;
}

#presentation a:link, #presentation a:visited, #presentation a:active {
text-decoration:none;
}

#presentation a:hover {
text-decoration:underline;
}

/***************************** Image */
img {
	border: none;

}

.image {
	float:left;
		margin-right:5px;
	margin-left:5px
}

.image2 {
	float:right;
	/*text-align:center;*/
}

.image3 {
	text-align:center;
}

.image4 {
	float:left;
	height:675px;
	background-color:#001857;
	text-align:center;

	font-size:20px;	
}

/***************************** border-rightLes drapeaux */
div.protocole {
 float: left;
 }

div.protocole{
margin-right:5px;
margin-left:5px;
}


div.protocole p {
  text-align: center;
  margin:0px;
  width:135px;
  margin-bottom:15px;
  }
  
div.drapeau img {
  margin-bottom:0px;
}

.clear {
clear:left;
}

/***************************** Images et Légendes */
div.protocole5  {
	float: left;
}

div.protocole6, div.protocole6a  {
	float: right;
}


div.protocole5 p, div.protocole6 p, div.protocole6a p {
	text-align: center;
	margin:0px;
	margin-bottom:15px;
	background-color:#001857;
	font-size: 10px;
}

div.protocole5 p {
	width:130px;
	margin-right:5px;
}

div.protocole6 p {
	width:120px;
}

div.protocole6a p {
	width:180px;
}


div.protocole5 {
	clear:left;
}

/***************************** Content */
#containercontent {
	position:absolute;
	top:210px;
	left:259px;
	width: 72%;
}

#containercontent h2{
	font-size: 17px;
	margin:0;
	padding:0;
	color:#83CAE6;
}

#containercontent h3{
	font-size: 14.5px;
	margin:0;
	padding:0;
	color:#83CAE6;	
}

/***************************** Couleur des Liens des articles et des box*/
#containercontent a:link, #liens a:link, .box1body a:link,.box2body a:link,.box3body a:link,.box4body a:link,.box5body a:link {
	color:#83CAE6;	
}

#containercontent a:visited, #liens a:visited, .box1body a:visited,.box2body a:visited,.box3body a:visited,.box4body a:visited,.box5body a:visited {
	color:#678BB5;
}

#containercontent #footer a {
	text-decoration:none;
	color:#83CAE6;
}

/***************************** Les Autres Liens */
.boxliens {
	float:right;
	margin-left:10px;
	margin-bottom:10px
}

#liens ul {
	list-style-type: none;
	margin:0;
	padding:0;
	margin-left:10px;

}

#liens {
	border-left:1px dotted;
	font-size:11px;
}


#liens a:link,#liens a:visited {
	font-size:11px;
}

/***************************** Icônes Expérience */
#box_exp {
position:absolute;
top:135px;
left:249px;
}

#ico_exp {
float:left;
}

#titre_exp h1 {
position:relative;
color: #83CAE6;
font-size: 27px;
margin-top:5px;
}

/***************************** Rubrique INDEX Icônes Sahaja Yoga */
#box_exp_index {
position:absolute;
top:135px;
left:249px;
}

#ico_exp_index {
float:left;
}

#titre_exp_index h1 {
position:relative;
color: #83CAE6;
font-size: 27px;
margin-top:5px;
}

/***************************** Copyright */
#copyright {
position:absolute;
width:229px;
top:525px;
font-size:9px;
text-align: center;
color:#BAB8BB;
}

#copyright em {
font-size:9px;
color:#BAB8BB;
}

/***************************** Footer de Navigation */
.footer_navigation {
float:left;
}

.footer_top {
float: right;
}

/***************************** #74B3CC;Box's General */
div.box1 h1,div.box2 h1,div.box3 h1,div.box4 h1 {
	color: #001C66;
	margin:0px;
	font-size:17px;
	text-align:right;
	padding-top:30px;
	padding-bottom:5px;
	padding-right:5px;

}

div.box1body,div.box2body,div.box3body,div.box4body {
	background-color:#FFFFFF;
	height:92px;
	background: url(../images/box-footer.jpg) bottom no-repeat;
	color:#001C66;
	font-size:10px;
	padding-right:5px;padding-left:8px;
}

/***************************** Box1 */
div.box1 {
	position:absolute;
	width:261px;
	left:279px;
	top:200px;
	background-color:#FFFFFF;
	margin:0px;
}

div.box1header {
	background: url(../images/box3-header.jpg) top no-repeat;
	height:69px;
}

/***************************** Box2 */
div.box2 {
	position:absolute;
	width:261px;
	left:620px;
	top:200px;
	background-color:#FFFFFF;
	margin:0px;
}

div.box2header {
	background: url(../images/box1-header.jpg) top no-repeat;
	height:69px;
}

div.box2header h1{
	padding-top:15px;
}


/***************************** Box3 */
div.box3 {
	position:absolute;
	width:261px;
	left:279px;
	top:400px;
	background-color:#FFFFFF;
	margin:0px;
}

div.box3header {
	background: url(../images/box1-header.jpg) top no-repeat;
	height:69px;
}

/***************************** Box4 */
div.box4 {
	position:absolute;
	width:261px;
	left:620px;
	top:400px;
	background-color:#FFFFFF;
	margin:0px;
}

div.box4header {
	background: url(../images/box2-header.jpg) top no-repeat;
	height:69px;
}

/***************************** Citations */

#centre {
	text-align:justify;
	margin-left:50px;
	margin-right:50px;
	border: 1px solid #000000;
	background-color: #001857;
}


#centre2 {
	float: right;
	margin-left:200px;
	margin-right:200px;
	border: 1px solid #000000;
	background-color: #001857;
}