*{
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 14px;
}

body{
  background-color : #DCDCDC;   
}

h3
/*titres h3*/
{
  color:#C00518;
  margin-bottom:1em ;
  font-size:17px;
  font-weight:normal;
}

h4 ,p{
/*paragraphes et titres h4*/
	margin: 0;
	font-weight: normal;
	color: #696969;
}

p{
  font-size:13px;
  margin-bottom:1em;
  text-align:justify;
  line-height: 1.2em;
}

/*type commun pour tous les liens */
a{
  color: #333;
}

a:hover{
  color: #c00418;
}
/*******************************************************************/

#header 
/* l'en-tête*/
{
  text-align: center;
	width: 1000px;
	height : 147px;
	margin: 0 auto;
  background: url(image_photoshop/header/header_commun2.gif) no-repeat center; 
}

#search
/*type de la barre de recherche*/
{
  text-align:right;
  position: relative;
  right:32px;
  top:50px;
  display:none;
}

#drapeaux
/*type pr les drapeaux anglais/français*/
{
  text-align:right;
  position:relative;
  top: 20px;
  right: 35px;
  display:none;
}
/*******************************************************************/

#menu
/* menu du haut qui contient des boutons*/
 {
	width: 1000px;
	height: 28px;
  margin: 0 auto; 
  background: url(image_photoshop/menu/menu-fond.gif) no-repeat center;  

}


#menu ul
/* liste dans le menu du haut*/
 {
  width: 1000px;
	margin: 0;
	padding-left: 33px;
	list-style: none;
	margin-left:4px;
	
}


#menu li
/* élément de la liste dans le menu du haut*/
 {
	display: block; 
	float: left; 	
}


#menu a 
/*lien dans le menu du haut */
{
	display: block;
	float: left;
	padding:0;
	text-decoration: none;
	  
}


#menu a:hover{
/*changement d'image dans le menu si survol */ 
  background-position: 0 -28px;
}


#menu a.current_page_item{
/*changement d'image dans le menu si cliqué */
  background-position: 0 -56px;
}

/*******************************************************/

#chemin
/* type pour le chemin dés qu'on clique sur un bouton du menu*/
{
  text-align:left;
  padding-top:5px;
  margin-left:50px;
  font-size:11px;
}

#chemin a{
font-size:11px;
color:#C00418;
text-decoration:none;
}

#chemin a:hover{color:#8B8989;}


/*****************************************************************/

#bandeau-project{
/*type pour l'image bandeau (project et supply) */
  width: 938px;
  height:157px;
  margin-left:55px;
  background: url(image_photoshop/menu/Corail_Project_Managment.png) no-repeat center;

}


#bandeau-supply{
/*type pour l'image bandeau (project et supply) */
  width: 938px;
  height:157px;
  margin-left:39px;
  background: url(image_photoshop/menu/Corail_Supply_Chain.png) no-repeat center;

}

/*************************************************************/

/*type image des statues page d'accueil*/
#statues{
background:url(image_photoshop/page-accueil5.gif) no-repeat ;
margin-left:3px;
height:320px;
}


/*************************************************************/

#page
/*la page:menu gauche et texte */
{ 
  text-align:left;
  margin: 0 auto;
  width:1000px;
  height:484px;
  padding-top : 0px;
  background:  url(image_photoshop/fond2.gif) no-repeat center ; 
  position : relative;
}


#content
/*zone de texte */
 {
	float: left;
	width: 535px;
	padding : 0px 0px;
	margin : -10px 0 0 30px;
}

#content ul{
/* type des listes non ordonnées du content*/
  color:#696969; 
  margin-left:15px;
}

#content li{
  font-size:13px;
  margin:0.5em 0 0.5em 0;
  text-align:justify;
  line-height: 1.2em;
}



/*********************************************************************/
#options{
/* sous menu sur la gauche*/
  width: 305px; 
  float: left;
  padding-right:5px;
  margin: 0;
  margin-top:-10px;
  
}


#options dl
/*liste sans tick du menu de gauche */
{
  padding-top:0px;
  border-right : 1px solid #c0c0c0;
}

#options dd
/*éléments de la liste ss tick du menu gauche */
{
  cursor:pointer;
}



#options dd a{
text-decoration:none;}
/*************************************************************/
/*encarts avec la vidéo */


#page_boite
 /* type pour les 3 blocs de la page d'accueil lorsqu'il y a la vidéo*/
{ 
 margin: 0px 0px 0 14px;
 background: url(image_photoshop/encarts/fond-bloc3.png) no-repeat center;
 height:152px;
} 


#page_boite ul{
/*éléments de page_boite sous forme de liste */
  margin-left: 0px auto;
  padding-left:30px;
 
}
  
#page_boite li
{ 
  display:block;
  float:left; 
  padding-left:11px;
}

/*********************************************************************/

/*encarts sans la vidéo */

#encarts
 /* type pour les 3 blocs sans la vidéo*/
{ 
 margin: 0px 0px 0 14px;
 height:153px;
} 


#encarts ul{
/*éléments de page_boite sous forme de liste */
  margin-left: 0px auto;
  padding-left:30px;
 
}
  
#encarts li
{ 
  display:block;
  float:left; 
  padding-left:11px;
}

#logiciels{
background-image:url(image_photoshop/encarts/exemple.png); 
width:284px; 
height:152px;
margin-left:10px;}

#demo{
background-image:url(image_photoshop/encarts/demo4.png); 
width:284px; 
height:152px;
margin-left:10px;
margin-top:1px;
}

/***********************************************/
#slideshow
/*pour l'affichage des 3 images alternées en bas à droite de la page d'accueil */
{ 
  height:153px;
  width:295px;
  position:relative; 
} 

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow div{
z-index:11;}

/*****************************************************/

/*page plan du site */

/*classe colonne car les 3 st identiques */
.colonne{
float:left; 
margin-top:30px;
padding-right:5px;
}

.colonne ul{
margin-left:20px;
margin-bottom:11px;
margin-top:6px;}

.colonne a{
text-decoration:none; color:#8B8989;
}

.colonne li{
list-style-type:circle;
font-size:17px;
color:#C00418;
}

.colonne a:hover {text-decoration:underline;}

.colonne b{
color:#C00418;}

#col1{
margin-left:70px;
}

#col2{
margin-left:40px;
}

#col3{
margin-left:25px;
}
/**********************************************************************/

/*type pour la mise en page du formulaire de contact*/
#formulaire{
background:url(image_photoshop/fond-contact3.png) no-repeat ; 
height: 317;
margin-left:250px;
margin-top:27px;
}

#formulaire p{
font-size:12px;
color:#616161;}

input, select, textarea{
font-size:12px;}
/*****************************************************************/


/*type pour les galleries d'images(vignette+zoom image) */
#gallery dl img {
		border: 2px #CBCBCB solid;
	}
#gallery dl a:hover img {
		border: 2px solid #C00418;
	}

/*******************************************************************/

/*type pour les boites dynamiques */
.contenu-dynamique span{
  font-size:13px;
  line-height: 1.2em;
}

.contenu-dynamique .link{
  color:#333;
  cursor:pointer; 
  font-style:italic;
  font-size:85%;

}
.link:hover{
color:#C00418;}

span.suite {
  font-size:85%;
}

span.suite:hover{
  color:#c00418; 
}

/*********************************************************************/

/*type du lien vers la fiche technique */
#fiche_technique a{
color:#696969;
text-decoration:none;}


#fiche_technique a:hover{
color:#C00418;
}


/*****************************************************************/

/*types d'affichage des sous-menu */

/*sous menu avec effet de passage */
/*sur 2 lignes */
#options dd.nonactif-double:hover{
background-position: 0 -54px;
}
/*sur 1 ligne */
#options dd.nonactif-simple:hover{
background-position: 0 -39px;
}


/*sous-menu selectionnés */
/*sur 2 lignes */  
#options dd.actif-double{
background-position: 0 -108px; 
}
/*sur 1 ligne */
#options dd.actif-simple{
background-position: 0 -78px; 
}

/*****************************************************************/

#footer 
/*bas de page */{
  font-size:10px;
	width: 1000px;
	margin: 0 auto;
  padding-top:4px;
	text-align:center;
	background:  url(image_photoshop/fond-footer.gif) no-repeat center ;

}

#footer p 
/*paragraphe dans bas de page */
{

	font-size:11px; 
	color:#70706D;
	text-align: center
} 


/* type pour les liens du footer*/
#footer a {
  text-decoration:none;
  color:#70706D;
  font-size:11px;
}


#footer a:hover { text-decoration: underline;color:#70706D;}