/* -------------------------------- CREADIODES style CSS ---------------------------------*/

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active, html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width: auto;
}

body { 
	/*background-image: url('/images/wallpaper.png');*/
	/*background-repeat:repeat-x;*/
	/*background-color: #FFFFFF;*/
}

html {overflow-y: scroll;}

html.intro {
	margin:0;
	padding:0;
	border:0 none;
	overflow-x:hidden;
	overflow-y:hidden;
}
body.intro {
	margin:0;
	padding:0;
	border:0 none;
	overflow-x:hidden;
	overflow-y:hidden;
}

img {
	border: none;
	vertical-align:middle;
}

#background {
	/*background-image: url('/images/background.png');*/
	/*background-repeat:repeat-y;*/
	border: 1px #DADADA solid;
	/*padding: 1px;*/
	background-color: #FFFFFF;
	width: 1000px;
	/*height: 710px;*/
	/*padding: 1px 1px;*/
      /*margin: 0 auto;*/  /* zero ou une autre valeur */
      /*width: 100%;*/
      /*min-height: 710px;*/
      /*max-height: 740px;*/
}

#banniere {
	width: 728px;
	height: 90px;
	background-color: #FF00FF;
	background-image: url('/images/banniere.png');
	background-repeat: no-repeat;
}

#error_js {
	width:1000px;
	height:20px;
	color: white;
	background-color: #F04444;
	background-image: url('/images/error.png');
	background-repeat: no-repeat;
}

#conteneurmenu {
	/*background-color: #F0F0F0;*/
}

/* -------------------------------- Begin header css */
#header {
	width: 1000px;
	height: 80px;
	/*background-color: #FFFFFF;*/
	background-image: url('/images/fond-menu-creadiodes.png');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	position:relative;
}

#headarianne {
	font-family: Arial;
	position:absolute;
	bottom: 4px;
	padding-left: 5px;
	font-size: 12.75px;
	margin-top: 65px;
}

a.headarianne1, a.headarianne1:visited {
	color:#2048E6;
	text-decoration:none;
}

a.headarianne1:hover {
	color:#2048E6;
	text-decoration:underline;
}
/* -------------------------------- End header css */

/* -------------------------------- Begin contenu css */
#contenu1 {
	width: 1000px;
	height: 600px;
}
#contenuimage1vide {
	width: 1000px;
	height: 600px;
	background-position: center center;
	background-image: url('/images/fond-contenu-vide.png');
	background-repeat: no-repeat;
}
/* Begin intro.html only */
#contenuimage1display {
	width: 1000px;
	height: 600px;
	background-position: top left;
	background-image: url('/images/fond-display.png');
	background-repeat: no-repeat;
	border:0 none;
	overflow-x:hidden;
	overflow-y:hidden;
}
#contenuimage1displayintro {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 39px;
	padding-left: 39px;
}
/* End intro.html only */

#contenu2 {
	width: 800px;
	height: 600px;
}
#contenuimage2vide {
	/*width: 790px;*/
	height: 600px;
	margin-left: 5px;
	margin-right: 5px;
	background-position: center center;
	background-image: url('/images/fond-contenu-vide.png');
	background-repeat: no-repeat;
	border: #DADADA 1px solid;
      -moz-border-radius: 5px 5px 5px 5px; 
      -webkit-border-radius: 5px 5px 5px 5px; 
      border-radius: 5px 5px 5px 5px;         
      -webkit-border-top-left-radius: 5px; /* pour Chrome */
      -webkit-border-top-right-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
	/* behavior: url(/css/border-radius.htc); pour ie */
}
#contenuimage2produits {
	/*width: 790px;*/
	height: 600px;
	margin-left: 5px;
	margin-right: 5px;
	background-position: center center;
	background-image: url('/images/fond-contenu-produits.png');
	background-repeat: no-repeat;
	/*border: #DADADA 1px solid;*/
      /*-moz-border-radius: 5px 5px 5px 5px;*/
      /*-webkit-border-radius: 5px 5px 5px 5px;*/ 
      /*border-radius: 5px 5px 5px 5px;*/         
      /*-webkit-border-top-left-radius: 5px;*/ /* pour Chrome */
      /*-webkit-border-top-right-radius: 5px;*/ /* pour Chrome */
      /*-webkit-border-bottom-left-radius: 5px;*/ /* pour Chrome */
      /*-webkit-border-bottom-right-radius: 5px;*/ /* pour Chrome */
	/* behavior: url(/css/border-radius.htc);*/ /* pour ie */
}

#contenuimage2produitsdescription {
	width: 790px;
	height: 600px;
	margin-left: 5px;
	margin-right: 5px;
	background-position: center center;
	background-image: url('/images/fond-contenu-produits-description.png');
	background-repeat: no-repeat;
}
/* -------------------------------- End contenu css */

/* -------------------------------- Begin cadre css */
#contenucadre0 {
	/*width: 990px;*/
	height: 600px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	background: transparent url('/images/fond-contenu-cadres.png') repeat;
	border: #DADADA 1px solid;
      -moz-border-radius: 5px 5px 5px 5px; 
      -webkit-border-radius: 5px 5px 5px 5px; 
      border-radius: 5px 5px 5px 5px;         
      -webkit-border-top-left-radius: 5px; /* pour Chrome */
      -webkit-border-top-right-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
	/* behavior: url(/css/border-radius.htc); pour ie */
}
#contenucadre1 {
	width: 490px;
	height: 600px;
	margin-left: 5px;
	margin-right: 0px;
	float: left;
	background: transparent url('/images/fond-contenu-cadres.png') repeat;
	border: #DADADA 1px solid;
      -moz-border-radius: 5px 0px 0px 5px; 
      -webkit-border-radius: 5px 0px 0px 5px; 
      border-radius: 5px 0px 0px 5px;         
      -webkit-border-top-left-radius: 5px; /* pour Chrome */
      -webkit-border-top-right-radius: 0px; /* pour Chrome */
      -webkit-border-bottom-right-radius: 0px; /* pour Chrome */
      -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	/* behavior: url(/css/border-radius.htc); pour ie */
}
#contenucadre2 {
	width: 490px;
	height: 600px;
	margin-left: 0px;
	margin-right: 5px;
	float: right;
	background: transparent url('/images/fond-contenu-cadres.png') repeat;
	border: #DADADA 1px solid;
      -moz-border-radius: 0px 5px 5px 0px; 
      -webkit-border-radius: 0px 5px 5px 0px; 
      border-radius: 0px 5px 5px 0px;         
      -webkit-border-top-left-radius: 0px; /* pour Chrome */
      -webkit-border-top-right-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
      -webkit-border-bottom-left-radius: 0px; /* pour Chrome */
	/* behavior: url(/css/border-radius.htc); pour ie */
}
/* -------------------------------- End cadre css */

/* -------------------------------- Begin text css */
#indextext01 {
	width: 898px;
	height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-family: Cursive;
	color: #000000;
	font-size: 20px;
}
#indextext02 {
	width: 898px;
	height: 560px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-family: Cursive;
	color: #000000;
	font-size: 14px;
}
#societetext {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	color: #0C86E3;
	font-size: 15px;
}
#supporttext {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	color: #0C86E3;
	font-size: 15px;
}
#accestext1 {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	color: #0C86E3;
	font-size: 15px;
}
#accestext2 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	color: #0C86E3;
	font-size: 15px;
}
#contacttext {
	margin: 20 auto;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial;
	color: #0C86E3;
	font-size: 15px;
}
#plandusitetext {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Cursive;
	color: #000000;
	font-size: 24px;
}
/* -------------------------------- End text css */

/* -------------------------------- Begin images css */
#indeximage {
	padding-top: 140px;
	text-align: center;
	display: block;
	position: relative;
}
#indexblock0 {
	width: 898px;
	height: 600px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	float: left;
}
#indexblock01 {
	width: 898px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}
#indexblock02 {
	width: 898px;
	height: 560px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}
#indexblock1 {
	width: 90px;
	height: 600px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	float: right;
}
#societeimage {
	margin: 20 auto;
	text-align: center;
	display: block;
	position: relative;
}
#supportimage {
	margin: 20 auto;
	text-align: center;
	display: block;
	position: relative;
}
#accesimage {
	margin: 20 auto;
	text-align: center;
	display: block;
	position: relative;
}
#contactimage {
	margin: 20 auto;
	text-align: center;
	display: block;
	position: relative;
}
#plandusiteimage {
	margin: 20 auto;
	text-align: center;
	display: block;
	position: relative;
}
/* -------------------------------- End images css */

/* -------------------------------- Begin footer css */
#footer {
	text-align: center;
	background-image: url('/images/footprint-creadiodes.png');
	background-repeat: no-repeat;
	margin-top: 10px;
	width: 1000px;
	height: 120px;
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	vertical-align: middle; /*display: inline;*/
	clear: both;
	display: block;
}
#foottext {
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: black;
	text-decoration: none;
	font-size: 12.5px;
	padding-top: 30px;
}
#footcopyright {
	font-family: Arial;
	color: #8F8F8F;
	text-decoration: none;
	font-size: 10px;
	padding-top: 10px;
}
#footlinks {
	font-family: Arial;
	font-size: 10px;
}
a.footlinks, a.footlinks:visited {
	font-family: Arial;
	color: #2048E6;
	text-decoration: none;
	font-size: 10px;
}
a.footlinks:hover {
	font-family: Arial;
	color: #2048E6;
	text-decoration:underline;
	font-size: 10px;
}

/* -------------------------------- End footer css */
