/* CSS Document */

/*-------------------------------- structure page -----------------------------------------------*/
body{
margin:0;
background-color:#1A242B;
behavior: url(csshover.htc);
}

#page a{
text-decoration:none;
}

#page{
background-image:url(images/background/objectif_profile_77perc.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-connexion a{
text-decoration:none;
}

#page-connexion{
background-image:url(images/background/objectif_profile_77perc.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:950px;
height:600px;
}

#page-techniciens a{
text-decoration:none;
}

#page-techniciens{
background-image:url(images/background/back-gradient-video-cv-film.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-details a{
text-decoration:none;
}

#page-details {
background-image:url(images/background/back-front-90perc.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-produits-dev a{
text-decoration:none;
}

#page-produits-dev{
background-image:url(images/background/back-front-90-produit-dev.jpg);
background-position:center;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-news a{
text-decoration:none;
}

#page-news {
background-image:url(images/background/objectif_profile1280.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-recherche a{
text-decoration:none;
}

#page-recherche {
background-image:url(images/background/back-gradient.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-technicien-back a{
text-decoration:none;
}

#page-technicien-back {
background-image:url(images/background/back-gradient-cible.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-tech-cv-video {
background-image:url(images/background/back-gradient-video-cv.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-auto-height{
	background-image:none;
	background-color:none;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-auto-height a{
text-decoration:none;
}

#page-produits a{
text-decoration:none;
}

#page-produits {
background-image:url(images/background/big-background-77pc-rev.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-references a{
text-decoration:none;
}

#page-references {
background-image:url(images/background/big-background-77pc-rev-obj.jpg);
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-news3 {
background-image:url(images/background/big-background-75-rev.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#page-alltarifs {
background-image:url(images/background/big-background-77pc-rev.jpg);
background-position:center;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:950px;
}

#menu1{/*menu 1 en haut*/
width:950px;
list-style-type:none;
text-decoration:none;
}


.texte_menu1{ /*menu 1 en haut*/
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
margin-right:10px;
padding-top:5px;
text-decoration:none;
}

.texte_menu-accueil{ /*menu 1 en haut*/
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
margin-right:20px;
}

#flash{
margin-left:10px;
z-index:0;
}

#flash-accueil {
margin-left:0px;
z-index:0;
}

#bloc-right{
float:right;
width:250px;
padding-top:2px;
}

#bloc-right-accueil{
float:right;
width:200px;
padding-top:2px;
}

#arbo{/*emplacement de l'arborescence*/
background-image:url(images/button/back-arbo-title.png);
background-repeat:repeat;
padding:0 6px 0 12px;
height:36px;
}

.texte-arbo{
font:normal 18px Arial, Helvetica, sans-serif;
color:#89cdfd;
line-height:32px;
}

.gris-clair{ /*bloc gris clair*/
text-align:right;
background-color:#3C4247;
width:950px;
border-bottom:1px dotted #FFFFFF;
border-top:1px dotted #FFFFFF;
}

.bloc-blue{ 
text-align:right;
background-image:url(images/button/back-price.png);
background-repeat:repeat;
width:950px;
border-bottom:1px dotted #FFFFFF;
border-top:1px dotted #FFFFFF;
}

.img-left{
float:left;
/* background-color:#3C4247; */
border-right:1px solid #93CA00;
width:345px;
margin:0 20px 0 12px;
}

.img-left-dev{
/* background-color:#3C4247; */
border-right:1px solid #93CA00;
width:345px;
margin:0 20px 0 12px;
}

.img-right{
float:right;
border-left:1px solid #93CA00;
width:345px;
margin:0 12px 0 20px;
}

.pdf-right{
float:right;
margin:0 30px 0 0;
}

.pdf-left{
float:left;
margin:0 0 0 0px;
}

.pdf-doc{
    background-image:url(images/button/telecharger-pdf.png);
    background-repeat: no-repeat;
    height: 260px;
    width: 75px;
	float:left;
	margin:0 0 0 0px;
	border:none;
}

.image{
float:left;
border-right: #339933 1px solid;
width:200px;
height:200px;
margin-right:30px;
background:#3C4247;
margin-left:60px;
}

.image img {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:1em;
}

#pied-page{
width:950px;
height:64px;
}

.img-marge {
margin:0 10px 0 10px;
float:left;
}

.marge-texte{
padding:0 12px 0 12px;
}

.marge2{
padding:0 25px 3px 12px;
}

/*----------STYLES Textes-------------*/
.titre-categorie{
font:bold 24px Arial, Helvetica, sans-serif;
color:#93CA00;
margin-left:20px;
}

.titre-categorie-blanc{
height:50px;
font:bold 24px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:20px;
text-decoration:underline;
}

.titre-sscategorie-blue{
height:30px;
font:bold 20px Arial, Helvetica, sans-serif;
color:#89cdfd;
margin-left:40px;
}

.titre-sscategorie{
font:bold 20px Arial, Helvetica, sans-serif;
color:#93CA00;
margin-left:40px;
}

.titre-produit2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#93CA00;
}

.titre-produit{
font:bold 24px Arial, Helvetica, sans-serif;
color:#93CA00;
}

.titre-formulaire{
font:bold 15px Arial, Helvetica, sans-serif;
color:#89cdfd;
text-decoration:underline;
}

.texte-blanc{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.texte-blanc-produit-details{
font:normal 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.texte-blanc-gras{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

.texte-blanc-center{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}

.texte-blanc-center-prix-details{
font:normal 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}

.texte-vert{
font:normal 12px Arial, Helvetica, sans-serif;
color:#93CA00;
}

.texte-blue{
font:normal 12px Arial, Helvetica, sans-serif;
color:#89cdfd;
}

.texte-blue-gras{
font:normal 12px Arial, Helvetica, sans-serif;
color:#89cdfd;
font-weight:bold;
text-align:center;
}

.texte-blue-gras-hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#89cdfd;
font-weight:bold;
text-align:center;
}

.texte-blue-gras-hover:hover{
color:#C30;
}

.texte-tech-gris{
font:bold 14px Arial, Helvetica, sans-serif;
color:#9cb1c1;
font-weight:bold;
text-decoration:none;
}

.texte-tech-gris-href{
font:bold 14px Arial, Helvetica, sans-serif;
color:#9cb1c1;
font-weight:bold;
text-decoration:none;
}

.texte-tech-gris-href:hover{
color:#fff;
}


.texte-gris-gras{
font:normal 12px Arial, Helvetica, sans-serif;
color:#b7c6d2;
font-weight:bold;
text-align:center;
}

.texte-rouge-gras{
font:normal 12px Arial, Helvetica, sans-serif;
color:#C30;
font-weight:bold;
text-align:center;
}

.texte-rouge-gras:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#09F;
font-weight:bold;
text-align:center;
}

.texte-blue-tech{
font:normal 14px Arial, Helvetica, sans-serif;
color:#89cdfd;
font-weight:bold;
text-align:center;
}

.texte-noir{
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

.texte-noir-gras{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

/*--------------------------------menu droulant ---------------------------------- */

#menu{
float:left;
height:38px;
margin:0 1px 0 2px;
width:940px;
padding:3px 0 0 10px;
z-index:10px;
}

#menu-accueil{
float:left;
height:51px;
margin:0 0 0 0;
width:940px;
padding:3px 0 0 10px;
z-index:10px;
}

ul{ 
padding:0;
margin:0;
list-style-type:none;

}

ul li{
float:left;
position:relative;
}

ul li ul{ 
display:none;
position:absolute;
left:0;
top:45px;
}

ul li:hover ul{
display:block;
}



.menu-gris{ 
text-align:center;
line-height:30px;
/*padding-top:8px;*/
}

.menu-gris a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.menu-transparent{ 
text-align:center;
line-height:45px;
padding-top /*\**/: 15px\9; /*hack ie8*/
*padding-top:0px;/*hack ie7*/
/*padding-top:8px;*/
}


.menu-transparent a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.menu-transparent a:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#89cdfd;
}

.menu-links{ 
text-align:center;
line-height:48px;
padding-top /*\**/: 15px\9; /*hack ie8*/
*padding-top:0px;/*hack ie7*/
/*padding-top:8px;*/
}

.menu-links a{
font:bold 13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.menu-links a:hover{
font:bold 13px Arial, Helvetica, sans-serif;
color:#eed822;
}

.menu-links-unx{ 
text-align:center;
padding-top:30px;
line-height:15px;
/*padding-top:8px;*/
}

.menu-links-unx a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.menu-links-unx a:hover{
font:bold 11px Arial, Helvetica, sans-serif;
color:#eed822;
}

.menu-vert{ 
text-align:center;
line-height:30px;
/*padding-top:8px;*/
}

.menu-vert a{
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
}

.menu-vert2{ 
text-align:center;
line-height:30px;
}

.menu-vert2 a{
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
}



/*----------fond rubriques---------------*/
.bouton-vert{
background-image:url(images/bouton-vert.gif);
background-repeat:no-repeat;
width:87px;
height:31px;
}

.bouton-gris{
background-image:url(images/bouton-gris.gif);
background-repeat:no-repeat;
width:87px;
height:31px;
}

.bouton-transparent{
background-image:url(images/button/button-blue-drop-alpha.png) !important;
background-repeat:no-repeat;
background-image:none;
width:107px;
height:51px;
}

.bouton-links{
background-image:url(images/button/button-large-alpha.png) !important;
background-repeat:no-repeat;
background-image:none;
width:141px;
height:51px;
}

.bouton-logo-uludanu{
left:0px;
width:150px;
height:90px;
}

.bouton-logo-unexpected{
left:0px;
width:150px;
height:45px;
}

.bouton-valider{
background-image:url(images/button/button-blue-drop-alpha.png);
background-repeat:no-repeat;
background-color:none;
width:107px;
height:51px;
color:#89cdfd;
}

.bouton-techniciens{
background-image:url(images/button/button-large-alpha.png);
background-repeat:no-repeat;
width:141px;
height:51px;
}


.menu-techniciens{ 
text-align:center;
line-height:45px;
padding-top:17px;
}


.menu-techniciens a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.menu-techniciens a:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#89cdfd;
}

			/*case invisible qui permet d'afficher les cases bien qu'on ne soit plus sur le lien du bandeau*/
			
/*------------------------CASE 0------------------------------------*/
.case0 {
clear:left;
height:0;
width:160px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
/*padding-top:5px;*/
}
/*------------------------CASE 1------------------------------------*/
.case1 { /* bouton gris avec ligne pointills*/
background-image:url(images/button/back-arbo-uludanu.jpg);
background-repeat:no-repeat;
clear:left;
height:92px;
width:160px;
text-align:left;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
border-bottom: 1px solid #000000;
}

.case1 a {
text-decoration:none;
color:#FFFFFF;
}

.case1 a:hover {
text-decoration:none;
color:#89cdfd;
}


.case1-sans { /* bouton gris sans ligne pointills*/
background-image:url(images/button/back-arbo-unexpected.jpg);
background-repeat:no-repeat;
clear:left;
height:36px;
width:160px;
text-align:left;
padding-left:5px;
padding-top:5px;
padding-bottom:2px;
padding-bottom:15px !important; 
padding-bottom:0px;
border-bottom: 1px solid #000000;
}

.case1-sans a {
text-decoration:none;
color:#FFFFFF;
}

.case1-sans a:hover {
text-decoration:none;
color:#89cdfd;
}
/*----------------------------CASE 2--------------------------------*/
.case2 { /* bouton gris avec ligne pointills*/
background-image:url(images/button/backmenuarbo3.jpg);
background-repeat:no-repeat;
clear:left;
height:31px;
width:205px;
text-align:left;
padding-left:5px;
border-bottom: 1px solid #000000;
background-color:#24313B;
padding-bottom:15px !important; 
padding-bottom:0px;
}

.case2 a {
text-decoration:none;
color:#FFFFFF;
margin-top:10px;
}

.case2 a:hover {
text-decoration:none;
color:#89cdfd;
}


.case2-sans { /* bouton gris sans ligne pointills*/
background-image:url(images/button/backmenuarbo3.jpg);
background-repeat:no-repeat;
clear:left;
height:31px;
width:205px;
text-align:left;
padding-left:5px;
background-color:#24313B;
padding-bottom:15px !important; 
padding-bottom:0px;
}

.case2-sans a {
text-decoration:none;
color:#FFFFFF;
}

.case2-sans a:hover {
text-decoration:none;
color:#89cdfd;
}


/*-------------bordure sous-rubriques ---------------------*/

.bordure{
border: 2px thick #000000;
}

/*--------------- Tableau produits -------------------*/
.produits table {
	border: 1px solid #FFFFFF;
}

.image2 {
	/* background:#3C4247; */ 										/* background des petite photo */
}


/*---------------- Moteur de recherche ------------------*/

.moteur_recherche {
	font:normal 12px Arial, Helvetica, sans-serif;
	float:left;
	padding:0 12px 0 12px;
	color:#FFFFFF;
	font-weight:bold;
}

.moteur_recherche form {
	padding: 0px;
	margin: 0px;
}

.bouton-vert2{
	background-color:#006881;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-right:5px;
}

/*---------------- Fiche details produits ------------------*/

.bloc-droit{
	margin-left:400px;
}

.prix table {
	margin:10px;
}

.prix-left table {
	margin:10px;
	float:left;
}

.prix-right table {
	margin:10px;
	float:right;
}

a.lien-vert {
	color:#93CA00;
	text-decoration:underline;
}

a:hover.lien-vert {
	text-decoration:none;
}

a.liste-produit-links {
	color:#ffffff;
	text-decoration:none;
}

a:hover.liste-produit-links {
	color:#A6CDFD;
	text-decoration:underline;
}

a.hyper-links {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#89cdfd;
	line-height:32px;
	text-decoration:none;
}

a:hover.hyper-links {
	color:#ffffff;
	text-decoration:underline;
}

/* ------------------------  */

.technic-columns{
position:inherit;
float:left;
margin-left:90px;
width:200px;
height:400px;
border:1px solid #F00;	
}

.technic-menu-accueil{ /*menu 1 en haut*/
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
margin-right:20px;
}

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

.thumb-border{
		border:none;
}
	
.thumb-border:hover{
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
}