/*
Name: CMC Industries
URL: http://www.cmc-industries.com/
Author: Com-Ocean | http://www.com-ocean.com
Date: Juin 2010
*/


* {outline: none;}

html, body, #wrap {height: 100%;}

html {font-size: 100.01%;}

body {
	background: #DCDFE6 url(../images/bkgd.jpg) no-repeat top center;
	font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
}
	
h1, h2, h3, h4, h5, h6, address, p {
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
}

ol, ul, blockquote {
	font-weight: normal;
  line-height: 16px;
}

button, input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

/* ----------------------------------------------------------------------- */
/*                             	GENERAL STYLES                             */
/* ----------------------------------------------------------------------- */

.left {float: left;}

.right {float: right;}

.clear {clear: both;}
 
img {border: 0; display: block;}
 
.italic {font-style: italic;}
 
.uppercase {text-transform: uppercase;}
	
.ir {
	background-position: 0 0;
	background-repeat: no-repeat !important;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

h1 {
}

h2 {
	color: #F8971D; 
  font-size: 18px;
  font-weight: bold;
}

h3 {
	color: #F8971D; 
  font-size: 16px;
  font-weight: bold;
}
	h3 span {
  	font-size: 12px;
  }

h4 {
  color: #6A747C;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}

h5 {
  color: #2F3438;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}

	h5 span {font-size: 11px;  }
  h5 a {color: #2F3438; }
  
p {
	color: #6a747c;
  font-size: 12px;
}

a { 
	color: #F8971D; 
  text-decoration: none;
}

a:hover { text-decoration: underline; }

hr {
	border-width: 1px 0 0 0;
  border-color: #d0d0d2;
  border-style: solid;
	color: #6A747C;
  padding: 10px 0 0;
}

ul {
  margin: 0 0 10px 20px;
  padding: 0;
}

li {
	color: #6a747c;
  font-size: 12px;
  }


/* ----------------------------------------------------------------------- */
/*                             	LAYOUT                                                            */
/* ----------------------------------------------------------------------- */

#container {
	margin: 0 auto;
  position: relative;
	width: 980px;
}

#header {
  height: 210px;
  margin: 0;
  width: 980px;
}

#main {
	min-height:320px; 
  height:auto !important; 
  height:320px;   
  margin: 0;
  padding: 0;
  width: 980px;
} 

#footer {
  clear: both; 
  height: 184px;  
  margin: 20px 0;
  padding: 0;
  width: 980px;
}

.mask {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

/* ----------------------------------------------------------------------- */
/*                             	NAVIGATION                                                      */
/* ----------------------------------------------------------------------- */

ul#nav {
  float: right;
	list-style-type: none;
  margin: 95px 0 0 0;
  width: 490px;
 }
 
 #nav li {float: left;}
 
    #nav li a {
      background-position: 0 0;
      background-repeat: no-repeat !important;
      display: block;
      height: 90px;
      margin-right: 30px;
      overflow: hidden;
      text-indent: -9999px;
      width: 100px;
   	}
       
    #nav li a:hover, #nav .selected a {background-position: 0 -90px !important;}

	#nav-plongee-industrielle a {background-image: url(../images/FR/nav_diving.png);}
  #nav-industries-de-l-offshore a {background-image: url(../images/FR/nav_offshore.png);}
	#nav-industries-du-nucleaire a {background-image: url(../images/FR/nav_nuclear.png);}
	#nav-industries-de-l-hydroelectricte a {background-image: url(../images/FR/nav_hydro.png); margin-right: 0 !important;}  
	#nav-diving-industry a {background-image: url(../images/EN/nav_diving.png);}
  #nav-offshore-industry a {background-image: url(../images/EN/nav_offshore.png);}
	#nav-nuclear-industry a {background-image: url(../images/EN/nav_nuclear.png);}
	#nav-hydroelectric-industry a {background-image: url(../images/EN/nav_hydro.png); margin-right: 0 !important;}  


/* ----------------    Sous-navigation ---------------------*/

ul#subnav {
  float: left;
	list-style-type: none;
  margin: 0 0 0 300px;
 }
 
 #subnav li { float: left; }
 
    #subnav li a {
      background-position: 0 0;
      background-repeat: no-repeat !important;
      display: block;
      height: 24px;
      margin-right: 25px;
      overflow: hidden;
      text-indent: -9999px;
   	}
       
    #subnav li a:hover, #subnav .selected a, a:hover#button-en {background-position: 0 -24px !important;}

	#nav-competences a {background-image: url(../images/FR/subnav_competences.png); width: 105px;}
  #nav-actualites a {background-image: url(../images/FR/subnav_actus.png); width: 79px;}
	#nav-contact a {background-image: url(../images/FR/subnav_contact.png); width: 60px;}
  #nav-news a {background-image: url(../images/EN/subnav_news.png); width: 79px;}
  #nav-skills a {background-image: url(../images/EN/subnav_skills.png); width: 105px;}

  #button-en {
  	background-image: url(../images/EN/subnav_FR.png);
  	float: left;
    height: 24px;
    width: 126px;
  }

  #button-fr {
  	background-image: url(../images/FR/subnav_EN.png);
  	float: left;
    height: 24px;
    width: 126px;
  }


/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/*                           SPECIFIC STYLES                         */
/* _________________________________________________________________ */


/* ------------- header -------------*/
.logo {
	float: left;
	padding: 20px 0 0 150px;
}

  
  

/* ------------- Footer -------------*/

#footer-subnav {
	background: url(../images/bkgd_footer_nav.png) no-repeat 0 0;
  height: 24px;
  margin: 0 0 20px;
  width: 980px;
}

	.title-constructeur-fr {
  	background-image: url(../images/FR/title_constructeur.png);
    float: left;
    height: 24px;
    margin: 0;
    width: 235px;
  }

	.title-constructeur-en {
  	background-image: url(../images/EN/title_manufacturer.png);
    float: left;
    height: 24px;
    margin: 0;
    width: 235px;
  }
  
 
.bloc-footer {
	float: left;
  width: 280px;
  margin: 0 0 0 10px;
}

	.title-certificat-fr {
  	background-image: url(../images/FR/title_certification.png);
    height: 14px;
    margin: 0 0 15px;
    width: 107px;
  }

	.title-clients-fr {
  	background-image: url(../images/FR/title_clients.png);
    height: 14px;
    margin: 0 0 15px;
    width: 98px;
  }

	.title-certificat-en{
  	background-image: url(../images/EN/title_certificat.png);
    height: 14px;
    margin: 0 0 15px;
    width: 81px;
  }

	.title-clients-en {
  	background-image: url(../images/EN/title_our_clients.png);
    height: 14px;
    margin: 0 0 15px;
    width: 98px;
  }
  
  .bloc-imca {
  	float: left;
    margin-right: 40px;
  }
  
  .bloc-imca img { margin-bottom: 10px;}


/* ----------------------   PAGE D'ACCUEIL    ---------------------- */

#home #leftside {
	float: left;
  width: 300px;
}

	.accroche-fr {
  	background-image: url(../images/FR/title_solutions.png);
  	float: right;
    height: 55px;
    margin: 10px 0 0;
    width: 271px;
  }

	.accroche-en {
  	background-image: url(../images/EN/title_solutions.png);
  	float: right;
    height: 60px;
    margin: 10px 0 0;
    width: 262px;
  }

#home #rightside {
	float: right;
  padding: 0 0 20px;
  width: 655px;
  min-height: 550px;
}

	.title-bienvenue-fr {
  	background-image: url(../images/FR/title_bienvenue.png);
    height: 20px;
    margin: 0 0 10px;
    width: 445px;
  }

	.title-bienvenue-en {
  	background-image: url(../images/EN/title_welcome.png);
    height: 20px;
    margin: 0 0 10px;
    width: 388px;
  }
  
  .title-actus-fr {
  	background-image: url(../images/FR/title_actus.png);
    height: 15px;
    margin: 20px 0 10px;
    width: 90px;
  }
  
  .title-actus-en {
  	background-image: url(../images/EN/title_news.png);
    height: 15px;
    margin: 20px 0 10px;
    width: 48px;
  }

  .bloc-actu {
    border-bottom: #c6cbd1 1px solid;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  
  .bloc-actu img {
  	border: #FFF 5px solid;
    float: right;
    margin-left: 20px;
  }
  
  #bloc_flash {
    position: absolute;
    left: 10px;
    top: 630px;
    width: 290px;
    height: 130px;
    overflow: auto;
  }

/* ----------------------   PAGE contenu    ---------------------- */

#animation-flash, #photo {
	float: left;
  width: 320px;
  min-height: 100px;
}

#photo img { border: #FFF 5px solid;}
 
#page1-content {
	float: left;
  margin-left: 20px;
  padding-bottom: 20px;
  width: 320px;
}

#photos {
  clear: both;
  margin: 20px 0;
  padding-left: 0px;
}

#photos-gal {
	margin: 10px 0 0;
  width: 660px;
}

  .bloc-photo {
    background: url(../images/bkgd_thumb.png) no-repeat 0 0;
    float: left;
    height: 111px;
    margin: 0;
    padding: 9px 0 0 9px;
    width: 111px;
  }
  
    .bloc-photo a {
      display: block;
      height: 100px !important;
      overflow: hidden;
      width: 100px;
      }

.col1 {
	float: left;
  margin-right: 20px;
  padding-bottom: 20px;
  width: 300px;
}

.col2  {
	float: left;
  padding-bottom: 20px;
  width: 300px;
}

#page-footer {
  clear: both;
  text-align: center;
  font-style: italic;
  width: 640px;
  padding: 15px 0;
}

/* ----------------------   PAGE Projets    ---------------------- */

#smenu {
	background: url(../images/line.jpg) no-repeat top left;
	float: right;
  height: 195px;
}

	#smenu ul {
  	list-style-type: none;
    font-weight: bold;
 }
 
 	#smenu ul li {margin: 0 0 8px;}
 
    #smenu ul li a {
      color: #6a747c;
      line-height: 13px;
    }
      
      .smenu_sel {
        color: #F8971D; 
        line-height: 13px;
      }
      
/* ----------------------   PAGE actualités    ---------------------- */
      
#actu-bloc  {
	width: 550px;
  margin: 0 20px 0 100px;
}


/* Galerie photos */

.galleryview {margin: 20px 0 0 0 !important;	}

.strip_wrapper {width: 440px !important;	} 
	
.nav-next { right: 10px !important;}

.loader { background: url(/images/loader.gif) no-repeat center center; }

#galerie {
  background-color: #fff;
  height: 480px;
 }
 
#filmstrip-box {
  background-color: #fff!important;
  clear: both;
	height: 80px;
	margin: 400px 0 0 0 !important;
	width: 550px;
 }
 
.caption {display: none;} 

#filmstrip-box li.frame {
  margin-top: 10px !important;
}

#galerie {float: left;}


.overlay { height: 30px !important; top:370px !important; }

.panel-overlay {color: #000000; height: 30px !important; top:370px !important; }

.panel-overlay p {color: #000000; font-weight:bold; padding-top: 5px}

.panel {}

.frame img { 
  width: 80px;
  height: 60px;
  overflow: hidden;
}

.nav-prev { left: 20px !important; top: 430px !important; }

.nav-next { right: 20px !important; top: 430px !important; }

#pointer {
  border-color: #F8971D !important;
}

.panel {
  text-align: center;
}

.panel img {
  margin: 0 auto;
}

/* ----------------------   PAGE contact    ---------------------- */

#contact-content {
	float: left;
  margin: 0 20px 0 100px;
  padding-bottom: 20px;
  width: 260px;
}

#contact {
	background: url(../images/line.jpg) no-repeat top left;
	float: left;
  padding-left: 20px;
  width: 540px;
}

.ajax_form {
	margin: 0;
	padding: 0;
}
  
  .ajax_form fieldset {
  	border: 0;
    margin: 0;
    padding: 0;
  }  

  label {
    color: #6a747c;
    font-size: 12px;
    float: left;
    width: 120px;
  }

  .form-row {
  	clear: both; 
    padding: 5px 0;
    width: 385px;
  }

  input, textarea {
    border: #c6cbd1 1px solid;
    color: #6a747c;
    float: left;
    font-size: 12px;
    overflow: auto;
    width: 260px;
  }

  input { height: 16px; }
  
  textarea  {height: 60px; }

.radio_list li {float: left; list-style-type: none;}

	.radio_list li label {float: left; width: 50px;}
	.radio_list li input {border: 0; float: left; width: 20px;}

#envoyer {
	background-color: #F8971D;
  border: 0;
	color: #6a747c;
  cursor: pointer;
  float: right;
	font-size:11px;
	font-weight: bold;
	height: 22px;
	letter-spacing: 1px;
  margin: 0 3px 20px;
	text-transform: uppercase;
	width: 100px;
}

.notice {	
	color: #F8971D; 
  float: left;
  font-size: 11px;
}

/* ------------ FORM ERROR ------------*/

div#form_error {
  text-align:left;
  padding: 20px;
	}

  div#form_error p {
    text-align:left;
    font-weight: bold;
    margin: 0 ;
  }
    
  div#form_error ul { margin: 10px 0 0 20px;}
  
  div.alphacube_title   {
    color: #F8971D; 
    font-size: 16px;
    font-weight: bold;
  }
  
  .ok_button {
    background-color: #F8971D;
    border: 0;
    color: #6a747c;
    cursor: pointer;
    font-size:11px;
    font-weight: bold;
    height: 22px;
    letter-spacing: 1px;
    margin: 0 0 20px 330px;
    text-transform: uppercase;
    width: 60px;
  }

/************ chargement ajax ************/

.prettyLoader {
	background: url(/images/prettyLoader/prettyLoader.png) top left no-repeat;
	height: 30px;
	position: absolute;
	width: 30px;
	z-index: 30000;
}

.prettyLoader img {
	display: block;
	margin: 7px 0 0 7px;
}

.pl_ie6 { background-image: url(/images/prettyLoader/prettyLoader.gif); }