/*****************************************
mykro.biz                  #4a4a4a
*****************************************/

html {font-size:100%;}
body {text-align:center; font-family:'Courier', 'Courier new', serif;
font-size:12px; color:#E6E6E6; line-height:1.05em;}

* {margin:0; padding:0;}
a, a:hover, a:visited {text-decoration:none; outline:0;}
a:hover {color:#ffffff;}
p {margin:.6em 0;}
.titre, .b, h3, strong {font:15px 'Courier', 'Courier new', serif; font-weight:bold;}
h3, strong {padding:5px 0;}

#page {width:850px; margin:auto; margin-top:40px; height:65%; background:#5F5F5F;
overflow:auto;}

/*  menu                                                                       */
#navigation {clear:both; padding:40px 40px 5px 0; text-align:right;
font-weight:bold;}

.lang a {float:left;font-size:13px; margin-left:10px; font-weight:bold;}

.menu {font-size:15px; text-align:right;}
.menu a {font-weight:bold; display:inline; padding:0 10px;}

/*  general entete image                                                       */
#image {height:165px;} /*image*/

.logo {float:left; width:100%; height:160px; background:
url("../images/mykro.png") bottom left no-repeat;} /*logo*/

#center {height:260px; padding-left:100px; overflow:auto;}

#center .texte {float:left; width:650px; text-align:justify; font-size:12px;
font-family:'Arial', 'Helvetica', sans-serif;}
#center .texte a {font:14px 'Courier', 'Courier new', serif; font-weight:bold;}

/*  titre droite                 */
#titre {padding:0 0 15px 135px; font-weight:bold; text-align:left;}
.pied, .gris {font:15px 'Courier', 'Courier new', serif; font-weight:bold;}

/*  pied                                                                        */
.pied {clear:both; margin-top:20px; height:25px; font-size:1.15em;
padding-left:15px;}
.pied img {margin-bottom:-5px;}
.pied a.accueil {float:left; padding-bottom:5px;}
.photos {float:right; padding:0 15px 5px 0;}

/* specifique par pages                                                            */

.page_index {background:url("../images/fond-degrade_immeubles.jpg") top left repeat-x
#6092cd;}
.page_index #image {background:url("../images/immeubles1p.jpg") top center no-repeat;}
.page_index #navigation .titre {color:#7DB0E7;}
.page_index .gris {color:#5f5f5f;}
.page_index a, .b {color:#7DB0E7;}
.page_index a:hover {color:#E6E6E6;}

.sites, .graphisme, .traductions {display:block;padding:5px 10px;}
.page_index #center .texte a {text-align:justify; font-family:'Arial','Helvetica',
sans-serif; color:#E6E6E6; font-size:12px; font-weight:normal;}

.sites strong, .graphisme strong, .traductions strong {color:#7DB0E7;}
.page_index .photos {color:#7DB0E7;}

/* accueil ->sites                                                            */
.sites:hover strong {color:#93AFB7;}
.sites:hover .b {color:#93AFB7;}
.sites:hover {background:#575757; padding:5px 10px;}

/* accueil ->graphisme                                                            */
.graphisme:hover strong {color:#BAD38F;}
.graphisme:hover .b {color:#BAD38F;}
.graphisme:hover {background:#575757; padding:5px 10px;}

/* accueil ->traductions                                                          */
.traductions:hover strong {color:#FFB68C;}
.traductions:hover .b {color:#FFB68C;}
.traductions:hover {background:#575757; padding:5px 10px;}

/* fin accueil                                                                    */



.page_graphisme #image {background:url("../images/bambous.jpg") top center
no-repeat;}
.page_graphisme {background:url("../images/fond-degrade_bambous.jpg") top left repeat-x
#92a47c;}
.page_graphisme a {color:#BAD38F;}/*  bambous                  */
.page_graphisme a:hover {color:#E6E6E6; }
.page_graphisme .titre {color:#BAD38F;}
.page_graphisme #center .texte {float:right; width:500px; text-align:justify;
padding-right:40px;}
.page_graphisme #center #ref {float:left; width:125px; padding:10px 0 5px 0;}
.page_graphisme .ref {display:block;}
.page_graphisme .ref img {border:0; height:40px; outline:none; margin:6px 0;
background:#E2E3CF;}
.page_graphisme .ref a img:hover {height:40px; outline:none;}
.page_graphisme .b {color:#BAD38F;}
.page_graphisme .photos {color:#BAD38F;}

.page_sites #image {background: url("../images/bac2p.jpg") top center
no-repeat;}
.page_sites {background:url("../images/fond-degrade_bac.jpg") top left repeat-x #a4b3ba;}
.page_sites a {color:#93AFB7;}/*  bac                  */
.page_sites a:hover {color:#E6E6E6; }
.page_sites .titre {color:#93AFB7;}
.page_sites #center .texte {float:right; width:500px; text-align:justify;
padding-right:40px;}
.page_sites #center #ref {float:left; width:100px; padding:10px 0 5px 0;}
.page_sites .ref {display:block;}
.page_sites .ref img {height:60px; outline:none; margin:6px 0; border:0;}
.page_sites .ref a img:hover {height:60px; outline:none;}
.page_sites .b {color:#93AFB7;}
.page_sites .photos {color:#93AFB7;}


.page_photos #image {background: url("../images/bac2p.jpg") top center
no-repeat;}
.page_photos {background:url("../images/fond-degrade_bac.jpg") top left repeat-x #a4b3ba;}
.page_photos a {color:#93AFB7;}/*  bac                  */
.page_photos a:hover {color:#E6E6E6; }
.page_photos .titre {color:#93AFB7;}
.page_photos #center .texte {float:right; width:500px; text-align:justify;
padding-right:40px;}
.page_photos #center #ref {padding:10px 0 5px 0;
text-align:center;}
.page_photos .ref {float:left;}
.page_photos .ref img {border-width:0 0 0 0; border:solid #5f5f5f;
height:60px; outline:none; margin:6px;}
.page_photos .ref a img:hover {border:solid #5f5f5f; height:60px;
outline:none;}
.page_photos .b {color:#93AFB7;}
.page_photos .photos {color:#93AFB7;}



.page_traductions #image {background: url("../images/dossiers.jpg") top left
no-repeat;}
.page_traductions {background:url("../images/fond-degrade_doss.jpg") top left repeat-x
#dea685;}
.page_traductions a {color:#FFB68C;}/*dossiers*/
.page_traductions a:hover {color:#E6E6E6; }
.page_traductions .titre {color:#FFB68C;}/*dossiers*/
.page_traductions .b {color:#FFB68C;}
.page_traductions .photos {color:#FFB68C;}

.page_contact #image {background: url("../images/porte1p.jpg") top right no-repeat;}
.page_contact {background:url("../images/fond-degrade_porte.jpg") top left repeat-x
#dbb668;}
.page_contact a {color:#D6AA4B;}/*porte*/
.page_contact a:hover {color:#E6E6E6; }
.page_contact .titre {margin-left:; color:#D6AA4B;}/*porte*/
.page_contact .b {color:#D6AA4B;}
.page_contact .photos {color:#D6AA4B;}
.page_contact #center .texte {float:left; margin-left:35px; width:620px;
text-align:justify; font-size:12px;
font-family:'Arial', 'Helvetica', sans-serif;}

.page_merci #image {background: url("../images/fleurj.jpg") top right no-repeat;}
.page_merci {background:url("../images/fond-degrade_fleurj.jpg") top left repeat-x
#d5ba39;}
.page_merci .menu a {color:#FFE057;}/*fleur jaune*/
.page_merci .gris {color:#5f5f5f;}
.page_merci .titre {color:#FFE057;}
.page_merci .photos {color:#FFE057;}





#formulaire {float:right; padding:5px; border:1px dotted #D19750;}
#textegauche {float:left; width:40%;}
textarea {width:300px; background:#d3ad5c; font-size:13px;}

input, label input {background:#d3ad5c; font-size:13px;}

.noshow {display:none;}