* {
	margin:0;
	padding:0px;
}
body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#484848;
	font-size:13px;
}
span.clear {
	clear:both;
}

#outer_structure {
	width:100%;
	float:left;
}
.structure {
	width:980px;
	margin:0 auto;
}
#header {
	width:100%;
	float:left;
	height:103px;
}
#header .logo {
	width:290px;
	float:left;
}
#header img {
	float:left;
}
#menu {
	width:690px;
	float:left;
	position:relative;
}
#menu ul {
	width:auto;
	float:right;
	list-style:none;
}
#menu ul li {
	width:auto;
	float:left;
	font-family:"Century Gothic", Trebuchet MS, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
}
#menu ul li a {
	color:#646464;
	width:auto;
	float:left;
	padding:70px 18px 0;
	background:none;
	height:33px;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#000;
	width:auto;
	float:left;
	padding:70px 18px 0;
	background:url(../images/menu_hover_bg.gif) repeat-x 0 0;
	height:33px;
}
#menu ul li a.active {
	color:#fff;
	width:auto;
	float:left;
	padding:70px 18px 0;
	background:url(../images/menu_active_bg.gif) repeat-x 0 0;
	height:33px;
}
#menu ul li ul {
	width:686px;
	background:url(../images/sous_menu_bg.gif) repeat-x 0 0;
	padding:0px;
	position:absolute;
	bottom:-29px;
	left:4px;
}
#menu ul li ul li {
	width:auto;
	padding:5px 0 0 0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	color:#fff;
	line-height:16px;
	margin-right:2px;
	display:inline;
}
#menu ul li ul li.angle_gauche {
	width:9px;
	float:left;
	background:url(../images/sous_menu_angle_gauche.gif) no-repeat 0 0;
	height:24px;
	font-size:2px;
	line-height:2px;
}
#menu ul li ul li.angle_droite {
	width:9px;
	float:right;
	background:url(../images/sous_menu_angle_droite.gif) no-repeat 0 0;
	height:24px;
	font-size:2px;
	line-height:2px;
	margin:0px;
}
#menu ul li ul li a {
	color:#fff;
	text-decoration:none;
	width:auto;
	padding:0px;
	height:auto;
	background:none;
}
#menu ul li ul li a:hover {
	color:#fff;
	text-decoration:underline;
	width:auto;
	padding:0px;
	height:auto;
	background:none;
}
#bandeau {
	width:100%;
	float:left;
	padding:30px 0;
	background:url(../images/bandeau_bg.jpg) repeat-x 0 0;
	height:225px;
	text-align:center;
}

body.inside #page_contenu {background: none !important;}
.facebook{
    margin-left:7px;
}
#page_contenu {
	width:934px;
	margin: 0 auto;
	background:url(../images/page_contenu_bg.gif) no-repeat center 0;
	padding:19px 0;
	height:500px;
    position: relative;
    height: auto !important;
    height: 620px;
}

/*____________________________*/
/* infographie page d'accueil */
/*____________________________*/

#infographie-evernet{
    width:834px;
    height:501px;
    background:url(../img/infographie-evernet-brest.gif) no-repeat center 0;
    font-family:arial;
    position:relative;
    margin-left:-45px;
}
    #infographie-evernet a{
        color:white;
        text-decoration:none;
    }
    #infographie-evernet .titre{
        text-transform:uppercase;
        font-size:14px;
        font-weight:bold;        
        position: absolute;
    }
    #infographie-evernet .titre.conseil{
        left: 104px;
        top: 62px;
    }
        #infographie-evernet .titre.conseil a{
            color: #1C6188;
        }
    #infographie-evernet .titre.creation{
        left: 50px;
        top: 160px;
    }
        #infographie-evernet .titre.creation a{
            color: #9B4E16;
        }
    #infographie-evernet .titre.ssii{
        bottom: 68px;
        left: 201px;
    }
        #infographie-evernet .titre.ssii a{
            color: #5B5A5A;
        }
    #infographie-evernet .titre.suivi{
        
        font-size: 16px;
        right: 119px;
        top: 81px; 
    }
        #infographie-evernet .titre.suivi a{
            color: #909120;    
        }
    
    #infographie-evernet ul{
        list-style: none;
    }
    #infographie-evernet .contenu {
        position:absolute;
        color:white;
    }
    #infographie-evernet .contenu.conseil{
        left: 213px;
        top: 85px;
    }
    #infographie-evernet .contenu.creation{
    left: 134px;
    top: 198px;
    } 
    #infographie-evernet .contenu.ssii{
        bottom: 79px;
        left: 275px;
    }   
    #infographie-evernet .contenu.suivi{
        color: black;
        font-size: 12px;
        right: 207px;
        top: 67px;
        width: 273px;
    }
        #infographie-evernet .contenu.suivi a{
            color:black;
        }
    
    #infographie-evernet .exemple{
        bottom: 128px;
        position: absolute;
        right: 166px;
        font-size:11px;
    }
        #infographie-evernet .exemple strong{
            color:black;
            font-size:12px;
        }
    
/*____________________________*/
/* infographie page d'accueil */
/*____________________________*/
    
    
    .column-3 {
        width: 222px;
        float: left;
    }

        .column-3 ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .column-3 H4 {
            font-size: 13px;
            border-bottom: 3px solid white;
            margin: 10px 5px;
            text-transform: uppercase;
        }

#page_contenu img {
	float:left;
}
#fond_site {
	background:url(../images/fond_site.gif) repeat-x top;
	height:500px;
    clear: both;
}

body.inside #fond_site {
	background:url(../images/fond_site_2.gif) repeat-x top;
	height:500px;
    min-height: 500px;
    height: auto !important;
    clear: both;
}

#bloc_contenu, #content_principal {
	width:667px;
	float:left;
	position:relative;
	padding:0 0 0 17px;
    height: 450px;
    min-height: 450px;    
    height: auto !important;
}

#bloc_contenu h2 {
	width:100%;
	float:left;
	background: url(../images/sep.gif) repeat-x 0 bottom;
	padding-bottom:12px;
	color:#a8ae42;
	font-size:20px;
	line-height:26px;
	font-weight:normal;
    margin-bottom: 20px;
}
#bloc_contenu h2 span {
	color:#282828;
}
#bloc_contenu p {
	font-size:13px;
	color:#484848;
	line-height:16px;
	padding-bottom:14px;
	display:block;
	text-align:justify;
}

#bloc_contenu p img {
	margin: 0 5px 5px 0;
}

#bloc_contenu ul.padding_left_285 {
	margin: 0;
    padding: 0 0 0 285px;
}



#bloc_contenu p a {
	color:#f86526;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
#bloc_contenu p a:hover {
	text-decoration:underline;
}
#bloc_contenu p a.languette {
	background:url(../images/languette_bg.gif) no-repeat 0 0;
	height:23px;
	padding:3px 0 0 12px;
	width:500px;
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
}
#bloc_contenu p strong {
	color:#a8ae42;
	font-size:16px;
}
#bloc_contenu .section_contenu {
	width:100%;
	float:left;
	padding:18px 0 0
}
#bloc_contenu .section_contenu img {
	margin:0px 16px 0 6px;
	display:inline;
}
#bloc_contenu .section_contenu_bottom {
	width:100%;
	float:left;
	padding:0px 0 0
}
#bloc_contenu .section_contenu_bottom .img_box {
	width:135px;
	float:left;
	padding:4px 10px;
}
#bloc_contenu .section_contenu_bottom .text_box {
	width:512px;
	float:right;
}
#services {
	width:667px;
	float:left;
	padding:8px 0 0;
}
#services .boxes_top {
	width:667px;
	float:left;
	background:url(../images/boxes_top.gif) no-repeat 0 0;
	padding:24px 0 0;
}
#services .boxes_bg {
	width:667px;
	float:left;
	background:url(../images/boxes_bg.gif) repeat-y 0 0;
}
#services .boxes_bottom_ombre {
	width:667px;
	float:left;
	background:url(../images/boxes_bottom.gif) no-repeat 0 bottom;
	padding-bottom:32px;
}
#services ul {
	width:667px;
	float:left;
	list-style:none;
}
#services ul li {
	width:197px;
	float:left;
	margin-right:38px;
	display:inline;
}
#services ul li p {
	color:#fff;
	line-height:15px;
}
#services ul li {
	padding:0 0 0 0px;
	color:#fff;
	font-size:13px;
	float:left;
	width:auto;
	margin-top:2px;
}
#services ul li.dernier {
	margin-right:0px;
}
#services ul li.texte {
	width:169px;
	float:left;
	padding:0px 14px 0px 14px;
}
#services ul li.texte a {
	color:white;
	font-style:italic;
	font-weight:bold;	
	
}

#services ul li.texte2 {
	width:169px;
	float:left;
	padding:0px 14px 0px 14px;
	margin-top:10px;
}

#services ul li.texte2 a {
    color:white;
	font-style:italic;
	font-weight:bold;	
	
}
.liste {
	width:169px;
	float:left;
}
#services ul li.texte2 ul {
	margin-top:5px;
	margin-bottom:5px;
}
#services ul li.texte2 li {
	list-style-type:none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	padding-top:0px;
	padding-left:20px;
	background-position:left center;
	margin:0px 0px 6px -30px;
}
#colonne_droite {
	width:231px;
	float:right;
	padding:0 18px 0 0px;
	position:relative
}
#bloc_noir {
    /*display:none;*/
	width:231px;
	float:right;
	background:url(../images/bloc_noir_bottom.gif) no-repeat 0 bottom;
	padding-bottom:8px;
	position:relative;
	margin-bottom:40px;
}
#bloc_noir h3 {
	width:201px;
	position:absolute;
	left:0px;
	top:-43px;
	height:32px;
	background:url(../images/bloc_noir_top.gif) no-repeat 0 0;
	padding:16px 10px 0 20px;
	font-size:16px;
	line-height:18px;
	color:#a8ae42;
	font-weight:normal;
}
#bloc_noir .bloc_bg {
	width:221px;
	float:left;
	background:url(../images/bloc_noir_bg.gif) repeat-y 0 0;
	padding:17px 5px;
}
#bloc_noir ul {
	width:221px;
	float:left;
	list-style:none;
}
#bloc_noir ul li {
	width:221px;
	float:left;
	list-style:none;
	font-size:12px;
	line-height:14px;
	color:#d5d5d5;
	padding:4px 0 5px;
	background:url(../images/sep_bloc_noir.gif) repeat-x 0 bottom;
}
#bloc_noir ul li a {
	color:#d5d5d5;
	text-decoration:none;
}
#bloc_noir ul li a:hover {
	color:#d5d5d5;
	text-decoration:underline;
}
#bloc_noir .suivre {
	width:auto;
	position:absolute;
	right:0;
	bottom:-25px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
#bloc_noir .suivre a {
	width:auto;
	float:left;
	background:url(../images/suivre_left.gif) no-repeat 0 0;
	padding:0 0 0 9px;
	color:#454545;
	text-decoration:none;
	cursor:pointer
}
#bloc_noir .suivre a span {
	width:auto;
	float:left;
	background:url(../images/suivre_right.gif) no-repeat right 0;
	padding:4px 9px 0 0;
	height:21px;
}
.iphone_img {
	width:231px;
	float:left;
	margin-bottom:20px;
}
.contact {
	width:211px;
	float:right;
    margin-bottom:20px;
}
.contact .top {
	width:163px;
	float:left;
	background:url(../images/contact_top.gif) no-repeat 0 0;
	padding:10px 0 0 48px;
	height:26px;
}
.contact .top h4 {
	width:auto;
	float:left;
	font:20px/22px Arial, Helvetica, sans-serif;
	color:#fff;
}
.contact .top h4 span {
	color:#dfd653;
}
.contact .form {
	width:196px;
	float:left;
	background:url(../images/input_box_bg.gif) no-repeat 0 0;
	padding:5px 7px 19px 8px;
}
.contact .form input {
	width:100px;
	float:left;
	padding:0px 10px 0px;
	background:none;
	border:0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#282828;
	font-size:12px;
	line-height:16px;
	height:16px;
}
.contact .form input.button {
	width:74px;
	padding:0px;
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
	cursor:pointer;
	font-family:"SFArborcrestHeavy", Myriad Pro, Arial, Helvetica, Sans-Serif;
    padding-left:7px;
}
#footer {
	width:100%;
	float:left;
}
#footer .top_section {
	width:980px;
	margin:auto;
	background:url(../images/footer_top_ombre.gif) no-repeat 0 0;
	padding:35px 0 0px;
	height:80px;
}
#footer .top_section ul {
	width:100%;
	float:left;
	text-align:center;
	list-style:none;
}
#footer .top_section ul li {
	width:auto;
	display:inline;
	margin-right:20px;
}
#footer .top_section ul li.dernier {
	margin:0px;
}
#footer .bande_noire {
	width:100%;
	margin:auto;
	background:url(../images/footer_bottom.gif) repeat-x top;
	height:67px;
}
#footer .bottom_section {
	width:980px;
	margin:auto;
	background:url(../images/footer_bottom_languette.gif) no-repeat right top;
	padding:9px 26px 22px 46px;
	height:35px;
}
#footer .bottom_section ul.languette {
	width:700px;
	float:left;
	padding:6px 0 0;
	list-style:none;
}
#footer .bottom_section ul.languette li {
	width:auto;
	float:left;
	font-size:12px;
	line-height:13px;
	color:#fff;
	margin-right:2px;
	display:inline
}
#footer .bottom_section ul.languette li a {
	color:#fff;
}
#footer .bottom_section ul.languette li.text {
	width:700px;
	margin-right:0px;
}
#footer .bottom_section ul.membre {
	width:215px;
	float:right;
	list-style:none;
}
#footer .bottom_section ul.membre li {
	width:auto;
	float:left;
	font-size:12px;
	line-height:13px;
	color:#000;
	margin-right:10px;
	display:inline
}

/* Pour les flash sous ff */
object:active, div:active {
outline: none;
}

object:focus, div:focus {
-moz-outline-style: none;
}
#conteneur-extra{
    width:970px;
    margin:auto;
}
    #conteneur-extra-inner{
        width:220px;
        float:right;
    }